Fix hero banner #16
2 changed files with 21 additions and 0 deletions
|
@ -8026,6 +8026,15 @@ a.teaser {
|
|||
.media-list .teaser:hover .media-left .byline {
|
||||
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 {
|
||||
background: #E4E5E7; }
|
||||
|
||||
|
|
|
@ -9,6 +9,18 @@
|
|||
//
|
||||
// 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 {
|
||||
background: $grey;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue