Browse Source

Add is-halfheight to hero (#783)

* Add is-halfheight to hero

* Remove duplication
Felipe Silva 8 years ago
parent
commit
eec09cc063
1 changed files with 5 additions and 1 deletions
  1. 5 1
      sass/layout/hero.sass

+ 5 - 1
sass/layout/hero.sass

@@ -142,11 +142,15 @@
       .hero-body
       .hero-body
         padding-bottom: 18rem
         padding-bottom: 18rem
         padding-top: 18rem
         padding-top: 18rem
+  &.is-halfheight,
   &.is-fullheight
   &.is-fullheight
-    min-height: 100vh
     .hero-body
     .hero-body
       align-items: center
       align-items: center
       display: flex
       display: flex
       & > .container
       & > .container
         flex-grow: 1
         flex-grow: 1
         flex-shrink: 1
         flex-shrink: 1
+  &.is-halfheight
+    min-height: 50vh
+  &.is-fullheight
+    min-height: 100vh