refactor(ripple): remove ripple when forced-colors is active

PiperOrigin-RevId: 474876313
material-components · Sep 16, 2022 · 32963e2 · 32963e2
1 parent 10cf00b
commit 32963e2
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/ripple/lib/_ripple-theme.scss b/ripple/lib/_ripple-theme.scss
@@ -75,6 +75,8 @@
     $unbounded: theme.create-theme-vars($unbounded, ripple);
     @include _container-shape(map.get($unbounded, state-layer-shape));
   }
+
+  @include _forced-colors;
 }
 
 @mixin _container-shape($shape) {
@@ -96,3 +98,10 @@
     transparent 100%
   );
 }
+
+@mixin _forced-colors {
+  // TODO(b/230630968): create a forced-colors-mode mixin
+  @media screen and (forced-colors: active) {
+    display: none;
+  }
+}