fix(card): flat card selector not working (#11028)

crisbeto · andrewseguin · commit b67813ef8305 · 2018-04-26T16:15:00.000-07:00
Fixes the `.mat-flat-card` selector not working due to its specificity being too low. Fixes #11014.
diff --git a/src/lib/card/card.scss b/src/lib/card/card.scss
@@ -32,15 +32,16 @@ $mat-card-header-size: 40px !default;
     }
   }
 
+  // Needs extra specificity to be able to override the elevation selectors.
+  &.mat-card-flat {
+    box-shadow: none;
+  }
+
   @include cdk-high-contrast {
     outline: solid 1px;
   }
 }
 
-.mat-card-flat {
-  box-shadow: none;
-}
-
 // base styles for each card section preset (mat-card-content, etc)
 %mat-card-section-base {
   display: block;

Original file line number	Diff line number	Diff line change
`@@ -32,15 +32,16 @@ $mat-card-header-size: 40px !default;`
`32`	`32`	`}`
`33`	`33`	`}`
`34`	`34`
	`35`	`+ // Needs extra specificity to be able to override the elevation selectors.`
	`36`	`+ &.mat-card-flat {`
	`37`	`+ box-shadow: none;`
	`38`	`+ }`
	`39`	`+`
`35`	`40`	`@include cdk-high-contrast {`
`36`	`41`	`outline: solid 1px;`
`37`	`42`	`}`
`38`	`43`	`}`
`39`	`44`
`40`		`-.mat-card-flat {`
`41`		`- box-shadow: none;`
`42`		`-}`
`43`		`-`
`44`	`45`	`// base styles for each card section preset (mat-card-content, etc)`
`45`	`46`	`%mat-card-section-base {`
`46`	`47`	`display: block;`