feat(button): Add outlines in high contrast mode (HCM) to Button

PiperOrigin-RevId: 473124689
material-components · Sep 9, 2022 · 9ec33ba · 9ec33ba
1 parent c757bfa
commit 9ec33ba
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/button/lib/_button.scss b/button/lib/_button.scss
@@ -10,6 +10,7 @@
 @use '@material/web/compat/touchtarget/touch-target';
 @use '@material/web/elevation/lib/surface' as elevation-surface;
 @use '@material/web/compat/theme/selector-ext';
+@use '@material/web/sass/dom';
 
 @use './button-theme';
 
@@ -31,6 +32,12 @@
     &:hover {
       @include hover;
     }
+
+    @media (forced-colors: active) {
+      &::before {
+        @include dom.transparent-border();
+      }
+    }
   }
 
   .md3-link-button-wrapper {