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

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

* Updated CHANGELOG.md

* Updated CHANGELOG.md
This commit is contained in:
Niklas Gögge
2018-10-07 17:23:48 +02:00
committed by Jeremy Thomas
parent b59fe40748
commit b3bf4ea1cf
2 changed files with 5 additions and 1 deletions

View File

@@ -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`

View File

@@ -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