27 lines
661 B
SCSS
27 lines
661 B
SCSS
|
// stylelint-disable property-disallowed-list
|
||
|
|
@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 nth($transition, 1) != null {
|
||
|
|
transition: $transition;
|
||
|
|
}
|
||
|
|
|
||
|
|
@if $enable-reduced-motion and nth($transition, 1) != null and nth($transition, 1) != none {
|
||
|
|
@media (prefers-reduced-motion: reduce) {
|
||
|
|
transition: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|