Remove legacy style encapsulation from material-button

TedSander · nshahan · commit a62f6ac53d6a · 2019-07-29T14:12:23.000-07:00
Requires adding more specificity to the padding rule when the button is included inside of a component.

PiperOrigin-RevId: 259352206
diff --git a/angular_components/lib/material_button/_mixins.scss b/angular_components/lib/material_button/_mixins.scss
@@ -335,7 +335,7 @@ $button-disabled-background-dark: rgba(255, 255, 255, $mat-divider-opacity);
 ///   }
 ///   ```
 @mixin button-padding($padding) {
-  ::ng-deep .content.content {
+  ::ng-deep .content.content.content {
     padding: $padding;
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -335,7 +335,7 @@ $button-disabled-background-dark: rgba(255, 255, 255, $mat-divider-opacity);`
`335`	`335`	`/// }`
`336`	`336`	/// ```
`337`	`337`	`@mixin button-padding($padding) {`
`338`		`- ::ng-deep .content.content {`
	`338`	`+ ::ng-deep .content.content.content {`
`339`	`339`	`padding: $padding;`
`340`	`340`	`}`
`341`	`341`	`}`