rev/bootstrap
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Backport #30391

Browse source 
transition() mixin prevent redundant 'transition: none' and pass `null`
This commit is contained in:
Martijn Cuppens 2020-04-06 15:22:35 +02:00 • committed by XhmikosR
parent 0cf29baf63
commit 706bd3602d
1 changed files with 14 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

18
scss/mixins/_transition.scss
View file

@ -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;
}