agaric/patternlibrary
10
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix the hero banner on mobile and tablet

Browse source
This commit is contained in:
David Valdez 2019-05-13 12:55:01 -05:00
parent ef95e90dee
commit 30db7e94d6
2 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
agaric/css/agaric.css
View file

@ -8027,7 +8027,13 @@ a.teaser {
display: block; } display: block; }
.hero { .hero {
margin-top: 96px; } 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; }

9
agaric/sass/agaric/_component.hero.scss
View file

@ -11,7 +11,14 @@
// The topbar-fixed is hidding the Hero banner. // The topbar-fixed is hidding the Hero banner.
.hero { .hero {
margin-top: 96px; margin-top: 52px;
@include tablet {
margin-top: 55px;
}
@include desktop {
margin-top: 95px;
}
} }
.hero.is-light { .hero.is-light {