diff options
author | Martijn Cuppens <martijn.cuppens@gmail.com> | 2020-04-06 16:22:35 +0300 |
---|---|---|
committer | XhmikosR <xhmikosr@gmail.com> | 2020-04-13 21:12:29 +0300 |
commit | 706bd3602dcac4af722881578b2b8679c1224495 (patch) | |
tree | c7c39aa7067bc78c4bc281da8654ca4a9ae44af5 /scss | |
parent | 0cf29baf63a515fe41eb97fc3fab98c5f69d16d6 (diff) |
Backport #30391
transition() mixin prevent redundant 'transition: none' and pass `null`
Diffstat (limited to 'scss')
-rw-r--r-- | scss/mixins/_transition.scss | 18 |
1 files changed, 14 insertions, 4 deletions
diff --git a/scss/mixins/_transition.scss b/scss/mixins/_transition.scss index 54983d736c..54553deb9c 100644 --- a/scss/mixins/_transition.scss +++ b/scss/mixins/_transition.scss @@ -1,13 +1,23 @@ // stylelint-disable property-blacklist @mixin transition($transition...) { + @if length($transition) == 0 { + $transition: $transition-base; + } + + @if length($transition) > 1 { + @each $value in $transition { + @if $value == null or $value == none { + @warn "The keyword 'none' or 'null' must be used as a single argument."; + } + } + } + @if $enable-transitions { - @if length($transition) == 0 { - transition: $transition-base; - } @else { + @if nth($transition, 1) != null { transition: $transition; } - @if $enable-prefers-reduced-motion-media-query { + @if $enable-prefers-reduced-motion-media-query and nth($transition, 1) != null and nth($transition, 1) != none { @media (prefers-reduced-motion: reduce) { transition: none; } |