perf(material/button): Optimize the remaining descendant state selector. (#30428)

kseamon · andrewseguin · commit 9e152910b193 · 2025-02-03T09:46:53.000-07:00
(cherry picked from commit 7b17243)
diff --git a/src/material/button/_button-base.scss b/src/material/button/_button-base.scss
@@ -71,7 +71,7 @@
       @include token-utils.create-token-slot(background-color, disabled-state-layer-color);
     }
 
-    &:hover .mat-mdc-button-persistent-ripple::before {
+    &:hover > .mat-mdc-button-persistent-ripple::before {
       @include token-utils.create-token-slot(opacity, hover-state-layer-opacity);
     }
 

Original file line number	Diff line number	Diff line change
`@@ -71,7 +71,7 @@`
`71`	`71`	`@include token-utils.create-token-slot(background-color, disabled-state-layer-color);`
`72`	`72`	`}`
`73`	`73`
`74`		`- &:hover .mat-mdc-button-persistent-ripple::before {`
	`74`	`+ &:hover > .mat-mdc-button-persistent-ripple::before {`
`75`	`75`	`@include token-utils.create-token-slot(opacity, hover-state-layer-opacity);`
`76`	`76`	`}`
`77`	`77`