Add fullheight hero with navbar documentation

This commit is contained in:
Jeremy Thomas
2018-10-07 17:46:48 +02:00
parent b3bf4ea1cf
commit 462336f602
3 changed files with 103 additions and 19 deletions

View File

@@ -10131,12 +10131,12 @@ label.panel-block:hover {
}
}
.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body {
.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body {
align-items: center;
display: flex;
}
.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container {
.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container {
flex-grow: 1;
flex-shrink: 1;
}
@@ -10149,6 +10149,10 @@ label.panel-block:hover {
min-height: 100vh;
}
.hero.is-fullheight-with-navbar {
min-height: calc(100vh - 3.25rem);
}
.hero-video {
overflow: hidden;
}