From ef95e90dee3ccab568d662d85fad7bffcc2a829b Mon Sep 17 00:00:00 2001
From: David Valdez <david@agaric.com>
Date: Mon, 13 May 2019 12:38:33 -0500
Subject: [PATCH 1/2] 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.
---
agaric/css/agaric.css | 3 +++
agaric/sass/agaric/_component.hero.scss | 5 +++++
2 files changed, 8 insertions(+)
diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index a482717..999d3dd 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -8026,6 +8026,9 @@ a.teaser {
.media-list .teaser:hover .media-left .byline {
display: block; }
+.hero {
+ margin-top: 96px; }
+
.hero.is-light {
background: #E4E5E7; }
diff --git a/agaric/sass/agaric/_component.hero.scss b/agaric/sass/agaric/_component.hero.scss
index f5557a9..cab5417 100644
--- a/agaric/sass/agaric/_component.hero.scss
+++ b/agaric/sass/agaric/_component.hero.scss
@@ -9,6 +9,11 @@
//
// Styleguide: Componenet.Hero
+// The topbar-fixed is hidding the Hero banner.
+.hero {
+ margin-top: 96px;
+}
+
.hero.is-light {
background: $grey;
}
From 30db7e94d688c1b7e6c5816b085b034627a7b5bd Mon Sep 17 00:00:00 2001
From: David Valdez <david@agaric.com>
Date: Mon, 13 May 2019 12:55:01 -0500
Subject: [PATCH 2/2] fix the hero banner on mobile and tablet
---
agaric/css/agaric.css | 8 +++++++-
agaric/sass/agaric/_component.hero.scss | 9 ++++++++-
2 files changed, 15 insertions(+), 2 deletions(-)
diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index 999d3dd..0856d54 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -8027,7 +8027,13 @@ a.teaser {
display: block; }
.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 {
background: #E4E5E7; }
diff --git a/agaric/sass/agaric/_component.hero.scss b/agaric/sass/agaric/_component.hero.scss
index cab5417..8d4456d 100644
--- a/agaric/sass/agaric/_component.hero.scss
+++ b/agaric/sass/agaric/_component.hero.scss
@@ -11,7 +11,14 @@
// The topbar-fixed is hidding the Hero banner.
.hero {
- margin-top: 96px;
+ margin-top: 52px;
+
+ @include tablet {
+ margin-top: 55px;
+ }
+ @include desktop {
+ margin-top: 95px;
+ }
}
.hero.is-light {