From 5a6c031ad13c60b320550edf2338761be459f69f Mon Sep 17 00:00:00 2001
From: rayelliott <gitea@rayelliott.dev>
Date: Wed, 22 Apr 2020 11:28:39 +0000
Subject: [PATCH] footer-2-1-1 styling

---
 .../components/footer/footer-2-1-1.html       |  2 +-
 .../components/footer/footer-2-1-1.scss       | 22 ++++++-------------
 2 files changed, 8 insertions(+), 16 deletions(-)

diff --git a/site/layouts/partials/components/footer/footer-2-1-1.html b/site/layouts/partials/components/footer/footer-2-1-1.html
index d4113c5..9340f39 100644
--- a/site/layouts/partials/components/footer/footer-2-1-1.html
+++ b/site/layouts/partials/components/footer/footer-2-1-1.html
@@ -1,6 +1,6 @@
   <div class="l-underlay footer-bg"></div>
 
-  <div class="l-wrapper reduce-padding">
+  <div class="l-wrapper">
 
     <ul class="l-flex-list-row footer__body">
 
diff --git a/src/css/imports/components/footer/footer-2-1-1.scss b/src/css/imports/components/footer/footer-2-1-1.scss
index 8f98b6c..454a854 100644
--- a/src/css/imports/components/footer/footer-2-1-1.scss
+++ b/src/css/imports/components/footer/footer-2-1-1.scss
@@ -1,19 +1,19 @@
 $footer-bp-s: 28em;
 $footer-bp-m: 60em;
+$footer-attr-padding: $unit-size * 0.5;
 
 .footer {
   position: relative;
   font-size: 0.9rem;
+
+  padding-top: $unit-size * 2;
+  padding-bottom: $footer-attr-padding;
 }
 
 .footer-bg {
   background-color: rgba(indigo, 0.5);
 }
 
-.footer-section {
-  background-color: rgba(indigo, 0.5);
-}
-
 .footer__term {
   margin: 0 0.5em;
 }
@@ -29,6 +29,7 @@ $footer-bp-m: 60em;
   flex-wrap: wrap;
   justify-content: space-between;
   text-align: center;
+  margin-bottom: $unit-size * 2;
 }
 
 .footer__body-section {
@@ -67,20 +68,11 @@ $footer-bp-m: 60em;
     }
   }
 }
-//
-// reduce padding bottom
-.reduce-padding {
-  padding-bottom: 8px;
-
-  @media (min-width: $bp-m) {
-    padding-bottom: 16px;
-  }
-}
 
 .footer__footer {
   position: relative;
   font-size: 0.9em;
-  margin-top: 2.4rem;
+  padding-top: $footer-attr-padding;
 
   &::before {
     content: "";
@@ -88,7 +80,7 @@ $footer-bp-m: 60em;
     width: 100%;
     height: 1px;
     left: 0;
-    top: -1.2rem;
+    top: 0;
     background-color: currentColor;
     opacity: 0.2;
   }