From b3bf4ea1cfbe6ae161fb266329db07001317b65d Mon Sep 17 00:00:00 2001 From: =?utf8?q?Niklas=20G=C3=B6gge?= Date: Sun, 7 Oct 2018 17:23:48 +0200 Subject: [PATCH] Add is-fullheight-with-navbar class for heros (#1954) * Added is-fullheight-with-navbar class for heros * Updated CHANGELOG.md * Updated CHANGELOG.md --- CHANGELOG.md | 1 + sass/layout/hero.sass | 5 ++++- 2 files changed, 5 insertions(+), 1 deletion(-) 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 -- 2.47.3