Compare commits

...

2 commits

Author SHA1 Message Date
David Valdez
30db7e94d6 fix the hero banner on mobile and tablet 2019-05-13 12:55:01 -05:00
David Valdez
ef95e90dee Add some margin to the hero-banner.
The navbar is fixed and was on top of the hero banner, this adds enough
margin so it can be visible.
2019-05-13 12:38:33 -05:00
2 changed files with 21 additions and 0 deletions

View file

@ -8026,6 +8026,15 @@ a.teaser {
.media-list .teaser:hover .media-left .byline { .media-list .teaser:hover .media-left .byline {
display: block; } display: block; }
.hero {
margin-top: 52px; }
@media screen and (min-width: 769px), print {
.hero {
margin-top: 55px; } }
@media screen and (min-width: 1024px) {
.hero {
margin-top: 95px; } }
.hero.is-light { .hero.is-light {
background: #E4E5E7; } background: #E4E5E7; }

View file

@ -9,6 +9,18 @@
// //
// Styleguide: Componenet.Hero // Styleguide: Componenet.Hero
// The topbar-fixed is hidding the Hero banner.
.hero {
margin-top: 52px;
@include tablet {
margin-top: 55px;
}
@include desktop {
margin-top: 95px;
}
}
.hero.is-light { .hero.is-light {
background: $grey; background: $grey;
} }