diff --git a/CHANGELOG.md b/CHANGELOG.md index 47f615d3..a20024bc 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 3406903b..db56b9f8 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