From b18b4837a7648c3a2668b6908f9d2cebca2f764e Mon Sep 17 00:00:00 2001 From: Annie Wang Date: Thu, 18 Feb 2021 11:39:57 -0800 Subject: [PATCH] fix(material-experimental/mdc-button): fix incomplete icon class targeting in styles (#21919) (cherry picked from commit 334ae2aedf463635c4c4af7670ec8d1aec95f27c) --- src/material-experimental/mdc-button/fab.scss | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/material-experimental/mdc-button/fab.scss b/src/material-experimental/mdc-button/fab.scss index 018751e1d0c8..1b08c219188d 100644 --- a/src/material-experimental/mdc-button/fab.scss +++ b/src/material-experimental/mdc-button/fab.scss @@ -24,7 +24,8 @@ // ``` // However, Angular Material expects a `mat-icon` instead. The following // mixin will style the icons appropriately. - .mat-icon { + /* stylelint-disable-next-line selector-class-pattern */ + .mat-icon, .material-icons { @include mdc-fab-icon_(); } } @@ -32,7 +33,8 @@ .mat-mdc-extended-fab { @include mdc-fab-extended_(); - .mat-icon { + /* stylelint-disable-next-line selector-class-pattern */ + .mat-icon, .material-icons { @include mdc-fab-extended-icon-padding( $mdc-fab-extended-icon-padding, $mdc-fab-extended-label-padding @@ -42,7 +44,8 @@ // For Extended FAB with text label followed by icon. // We are checking for the a button class because white this is a FAB it // uses the same template as button. - .mdc-button__label + .mat-icon { + /* stylelint-disable-next-line selector-class-pattern */ + .mdc-button__label + .mat-icon, .mdc-button__label + .material-icons { @include mdc-fab-extended-icon-padding( $mdc-fab-extended-icon-padding, $mdc-fab-extended-label-padding,