2018-10-21 21:40:13 +02:00
|
|
|
// stylelint-disable property-blacklist
|
2017-03-03 20:34:10 +01:00
|
|
|
@mixin transition($transition...) {
|
|
|
|
@if $enable-transitions {
|
|
|
|
@if length($transition) == 0 {
|
|
|
|
transition: $transition-base;
|
|
|
|
} @else {
|
|
|
|
transition: $transition;
|
|
|
|
}
|
|
|
|
}
|
2018-03-20 10:28:21 +01:00
|
|
|
|
2018-11-03 19:23:26 +01:00
|
|
|
@if $enable-prefers-reduced-motion-media-query {
|
2020-02-14 20:50:50 +01:00
|
|
|
$isolate: false;
|
|
|
|
@each $selector in $pseudo-vendor-prefixes {
|
|
|
|
@if str-index(quote(#{&}), $selector) {
|
|
|
|
$isolate: true;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@if $isolate {
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
|
|
transition: none;
|
|
|
|
}
|
|
|
|
} @else {
|
|
|
|
@extend %no-transition;
|
2018-11-03 19:23:26 +01:00
|
|
|
}
|
2018-03-20 10:28:21 +01:00
|
|
|
}
|
2017-03-03 20:34:10 +01:00
|
|
|
}
|