From b67813ef8305d63b6117d982053f3a1b80878e47 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Thu, 26 Apr 2018 19:15:00 -0400
Subject: [PATCH] fix(card): flat card selector not working (#11028)

Fixes the `.mat-flat-card` selector not working due to its specificity being too low.

Fixes #11014.
---
 src/lib/card/card.scss | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/lib/card/card.scss b/src/lib/card/card.scss
index e176d274f05..ebe404552f9 100644
--- 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;