feat(Calendar): respects prefers-reduced-motion: reduce (#13)

ValeraS · web-flow · commit cbd4016292e6 · 2023-11-02T12:53:23.000+01:00
diff --git a/src/components/Calendar/Calendar.scss b/src/components/Calendar/Calendar.scss
@@ -109,6 +109,12 @@ $block: '.#{variables.$ns}calendar';
             }
         }
 
+        @media screen and (prefers-reduced-motion: reduce), (update: slow) {
+            &[class] {
+                animation-duration: 0.001ms;
+            }
+        }
+
         @keyframes calendar-forward {
             from {
                 transform: translateX(0);

Original file line number	Diff line number	Diff line change
`@@ -109,6 +109,12 @@ $block: '.#{variables.$ns}calendar';`
`109`	`109`	`}`
`110`	`110`	`}`
`111`	`111`
	`112`	`+ @media screen and (prefers-reduced-motion: reduce), (update: slow) {`
	`113`	`+ &[class] {`
	`114`	`+ animation-duration: 0.001ms;`
	`115`	`+ }`
	`116`	`+ }`
	`117`	`+`
`112`	`118`	`@keyframes calendar-forward {`
`113`	`119`	`from {`
`114`	`120`	`transform: translateX(0);`