Added 'prefers-reduced-motion' css support.

This commit is contained in:
orangemug
2018-05-10 16:05:55 +01:00
parent 06eac68f9d
commit a41b25eea7
4 changed files with 47 additions and 3 deletions

View File

@@ -126,6 +126,10 @@
border-width: 2px;
border-color: $color-gray;
transition: background-color 0.1s ease-out;
@media screen and (prefers-reduced-motion: reduce) {
transition-duration: 0ms;
}
}
&-icon {

View File

@@ -43,6 +43,10 @@
-webkit-transition: opacity 600ms, visibility 600ms;
transition: opacity 600ms, visibility 600ms;
@media screen and (prefers-reduced-motion: reduce) {
transition-duration: 0;
}
@include flex-row;
}