fix(content-switcher): forgo transition if prefers-reduced-motion (#1…

…0779)
carbon-design-system · Feb 17, 2022 · db5c365 · db5c365
1 parent ff7418e
commit db5c365
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/packages/components/src/components/content-switcher/_content-switcher.scss b/packages/components/src/components/content-switcher/_content-switcher.scss
@@ -66,6 +66,10 @@
  transform: scaleY(0);
  transform-origin: bottom;
  transition: all $duration--moderate-01 motion(standard, productive);
+
+ @media (prefers-reduced-motion: reduce) {
+ transition: none;
+ }
  }
 
  &:disabled::after {

diff --git a/packages/styles/scss/components/content-switcher/_content-switcher.scss b/packages/styles/scss/components/content-switcher/_content-switcher.scss
@@ -67,6 +67,10 @@
  transform: scaleY(0);
  transform-origin: bottom;
  transition: all $duration-moderate-01 motion(standard, productive);
+
+ @media (prefers-reduced-motion: reduce) {
+ transition: none;
+ }
  }
 
  &:disabled::after {