Skip to content

Commit 6e81aea

Browse files
committed
fix(material-experimental/mdc-button): don't apply styles to icons
within the text label
1 parent 35d230b commit 6e81aea

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

src/material-experimental/mdc-button/button.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -69,7 +69,7 @@
6969
// However, Angular Material expects a `mat-icon` instead. The following
7070
// mixins will style the icons appropriately.
7171
.mat-mdc-button {
72-
.mat-icon {
72+
& > .mat-icon {
7373
@include mdc-button-base.icon();
7474
}
7575
.mdc-button__label + .mat-icon {
@@ -81,7 +81,7 @@
8181
.mat-mdc-raised-button,
8282
.mat-mdc-outlined-button {
8383
// Icons inside contained buttons have different styles due to increased button padding
84-
.mat-icon {
84+
& > .mat-icon {
8585
@include mdc-button-base.icon();
8686
@include mdc-button-base.icon-contained();
8787
}

0 commit comments

Comments
 (0)