diff --git a/src/material-experimental/mdc-button/button-base.ts b/src/material-experimental/mdc-button/button-base.ts index bcc7a27ab164..f910b987e74f 100644 --- a/src/material-experimental/mdc-button/button-base.ts +++ b/src/material-experimental/mdc-button/button-base.ts @@ -35,6 +35,9 @@ export const MAT_BUTTON_HOST = { // an unthemed version. If color is undefined, apply a CSS class that makes it easy to // select and style this "theme". '[class.mat-unthemed]': '!color', + // Add a class that applies to all buttons. This makes it easier to target if somebody + // wants to target all Material buttons. + '[class.mat-mdc-button-base]': 'true', 'class': 'mat-mdc-focus-indicator', }; @@ -152,6 +155,9 @@ export const MAT_ANCHOR_HOST = { // select and style this "theme". '[class.mat-unthemed]': '!color', 'class': 'mat-mdc-focus-indicator', + // Add a class that applies to all buttons. This makes it easier to target if somebody + // wants to target all Material buttons. + '[class.mat-mdc-button-base]': 'true', }; /** diff --git a/src/material/dialog/dialog.scss b/src/material/dialog/dialog.scss index 6686504d1c80..1751801dc466 100644 --- a/src/material/dialog/dialog.scss +++ b/src/material/dialog/dialog.scss @@ -61,7 +61,8 @@ $mat-dialog-button-margin: 8px !default; justify-content: center; } - .mat-button-base + .mat-button-base { + .mat-button-base + .mat-button-base, + .mat-mdc-button-base + .mat-mdc-button-base { margin-left: $mat-dialog-button-margin; [dir='rtl'] & { diff --git a/src/material/expansion/expansion-panel.scss b/src/material/expansion/expansion-panel.scss index 45b5866912ff..46e4830fb38d 100644 --- a/src/material/expansion/expansion-panel.scss +++ b/src/material/expansion/expansion-panel.scss @@ -72,7 +72,7 @@ justify-content: flex-end; padding: 16px 8px 16px 24px; - button.mat-button-base { + button.mat-button-base, button.mat-mdc-button-base { margin-left: 8px; [dir='rtl'] & {