From 2731a05cedf35189b6b7626de4c387bb1d66a4da Mon Sep 17 00:00:00 2001
From: rayelliott <gitea@rayelliott.dev>
Date: Mon, 20 Apr 2020 18:43:58 +0000
Subject: [PATCH] update

---
 src/css/imports/footer.scss | 7 +++++--
 src/css/imports/hero.scss   | 6 ++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/css/imports/footer.scss b/src/css/imports/footer.scss
index eca4659..37bda7c 100644
--- a/src/css/imports/footer.scss
+++ b/src/css/imports/footer.scss
@@ -1,3 +1,6 @@
+$footer-bp-s: 28em;
+$footer-bp-m: 60em;
+
 .footer {
   position: relative;
   font-size: 0.9rem;
@@ -32,13 +35,13 @@
   flex: 0 0 100%;
   margin-bottom: 1.6rem;
 
-  @media (min-width: $bp-footer-s) {
+  @media (min-width: $footer-bp-s) {
     &--narrow {
       flex: 0 0 50%;
     }
   }
 
-  @media (min-width: $bp-footer-m) {
+  @media (min-width: $footer-bp-m) {
     flex: 0 0 60%;
     margin-bottom: 0;
     padding: 0 0.8rem;
diff --git a/src/css/imports/hero.scss b/src/css/imports/hero.scss
index b389907..034e941 100644
--- a/src/css/imports/hero.scss
+++ b/src/css/imports/hero.scss
@@ -1,3 +1,5 @@
+$hero-bp: $bp-m;
+
 .hero {
   z-index: 1;
   position: relative;
@@ -18,7 +20,7 @@
     background-color: rgba(pink, 0.5);
   }
 
-  @media (max-width: $bp-hero) {
+  @media (max-width: $hero-bp) {
     &__fg,
     &__bg {
       position: absolute;
@@ -37,7 +39,7 @@
     }
   }
 
-  @media (min-width: $bp-hero) {
+  @media (min-width: $hero-bp) {
     display: flex;
     flex-direction: row;