From: Niklas Gögge <n.goeggi@gmail.com>
Date: Sun, 7 Oct 2018 15:23:48 +0000 (+0200)
Subject: Add is-fullheight-with-navbar class for heros (#1954)
X-Git-Tag: 0.7.2~15
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=b3bf4ea1cfbe6ae161fb266329db07001317b65d;p=thirdparty%2Fbulma.git

Add is-fullheight-with-navbar class for heros (#1954)

* Added is-fullheight-with-navbar class for heros

* Updated CHANGELOG.md

* Updated CHANGELOG.md
---

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 47f615d35..a20024bca 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,7 @@
 * #1679 Add breakpoint based column gaps
 * #1905 Fix `modal` for IE11 #1902
 * #1919 New `is-arrowless` class for navbar items
+* #1949 New `is-fullheight-with-navbar` class for heros
 * #1764 New `.is-sr-only` helper
 * #2109 Add and use `$navbar-breakpoint` variable
 * New variables `$control-height`, `$control-line-height`, `$pagination-min-width`, `$input-height`
diff --git a/sass/layout/hero.sass b/sass/layout/hero.sass
index 3406903b3..db56b9f89 100644
--- a/sass/layout/hero.sass
+++ b/sass/layout/hero.sass
@@ -97,7 +97,8 @@
         padding-bottom: 18rem
         padding-top: 18rem
   &.is-halfheight,
-  &.is-fullheight
+  &.is-fullheight,
+  &.is-fullheight-with-navbar
     .hero-body
       align-items: center
       display: flex
@@ -108,6 +109,8 @@
     min-height: 50vh
   &.is-fullheight
     min-height: 100vh
+  &.is-fullheight-with-navbar
+    min-height: calc(100vh - #{$navbar-height})
 
 // Components