fix(ripple): Update states-selector() to use :active:active to matc…

…h active specificity styles. PiperOrigin-RevId: 363921514
material-components · Mar 19, 2021 · faa7d32 · faa7d32
1 parent 71e615b
commit faa7d32
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/packages/mdc-ripple/_ripple-theme.scss b/packages/mdc-ripple/_ripple-theme.scss
@@ -386,10 +386,13 @@ $pressed-light-ink-opacity: 0.32 !default;
 
 /// Selector for hover, active and focus states.
 @mixin states-selector() {
-  &:hover,
-  &:active,
-  &:not(.mdc-ripple-upgraded):focus,
-  &.mdc-ripple-upgraded--background-focused {
+  &:hover {
+    @content;
+  }
+  @include focus {
+    @content;
+  }
+  @include active {
     @content;
   }
 }