fix(list): subheader margin being overwritten by typography

Fixes the `.mat-subheader` margin being overwritten by the `.mat-typography` due to lower specificity. Fixes angular#5639.
crisbeto · Jul 10, 2017 · cc4533b · cc4533b
1 parent 557b31b
commit cc4533b
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/lib/list/list.scss b/src/lib/list/list.scss
@@ -110,7 +110,12 @@ $mat-dense-list-icon-size: 20px;
   display: block;
   box-sizing: border-box;
   padding: $mat-list-side-padding;
-  margin: 0;
+
+  // This needs slightly more specificity, because it
+  // can be overwritten by the typography styles.
+  .mat-list & {
+    margin: 0;
+  }
 }
 
 // This mixin adjusts the heights and padding based on whether the list is in dense mode.