feat(toolbar): add md-hero height for large material page headers

justindujardin · Dec 28, 2015 · a949ba8 · a949ba8
1 parent 375e912
commit a949ba8
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/ng2-material/components/toolbar/toolbar.scss b/ng2-material/components/toolbar/toolbar.scss
@@ -7,6 +7,7 @@ $toolbar-tools-height: 64px !default;
 $toolbar-height: 64px !default;
 $toolbar-medium-tall-height: 88px !default;
 $toolbar-tall-height: 128px !default;
+$toolbar-hero-height: 256px !default;
 
 // Mobile portrait heights
 $toolbar-tools-height-mobile-portrait: 56px !default;
@@ -54,6 +55,12 @@ md-toolbar {
     max-height: $toolbar-tall-height;
   }
 
+  &.md-hero {
+    height: $toolbar-hero-height;
+    min-height: $toolbar-hero-height;
+    max-height: $toolbar-hero-height;
+  }
+
   &.md-medium-tall {
     height: $toolbar-medium-tall-height;
     min-height: $toolbar-medium-tall-height;