From efbdac58bc4a85db4bf6bd5a58c399d02780ebf0 Mon Sep 17 00:00:00 2001
From: Ramon Lapenta <ramon@cyber-duck.co.uk>
Date: Sat, 12 Jun 2021 09:49:20 -0600
Subject: [PATCH] Fix spans sizing

---
 css/style.css        | 12 ++++++++++++
 css/style.css.map    |  2 +-
 scss/grid/_base.scss |  2 +-
 scss/grid/_lg.scss   |  4 ++++
 scss/grid/_md.scss   |  4 ++++
 scss/grid/_sm.scss   |  4 ++++
 scss/grid/_xl.scss   |  4 ++++
 7 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/css/style.css b/css/style.css
index d725ffe..1ba6e87 100644
--- a/css/style.css
+++ b/css/style.css
@@ -85,6 +85,9 @@
   .grid.lg-sidebar-left {
     grid-template-columns: 1fr 3fr;
   }
+  .grid .span {
+    max-width: 1000px;
+  }
 }
 @media (min-width: 1480px) {
   .grid {
@@ -100,6 +103,9 @@
   .grid.grid-wide {
     width: 1460px;
   }
+  .grid .span {
+    max-width: 1180px;
+  }
 }
 @media (min-width: 720px) and (max-width: 1179px) {
   .grid {
@@ -142,6 +148,9 @@
   .grid.md-sidebar-left {
     grid-template-columns: 1fr 3fr;
   }
+  .grid .span {
+    max-width: 90%;
+  }
 }
 @media (max-width: 720px) {
   .grid {
@@ -163,6 +172,9 @@
   .grid.sm-3 {
     grid-template-columns: repeat(3, 1fr);
   }
+  .grid .span {
+    max-width: 92%;
+  }
 }
 body {
   margin: 0;
diff --git a/css/style.css.map b/css/style.css.map
index ba8cc07..4144295 100644
--- a/css/style.css.map
+++ b/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/_version.scss","../scss/grid/_base.scss","../scss/_mixins.scss","../scss/grid/_lg.scss","../scss/variables/_grid.scss","../scss/grid/_xl.scss","../scss/grid/_md.scss","../scss/grid/_sm.scss","../scss/components/_body.scss","../scss/variables/_global.scss","../scss/components/_sample.scss","../scss/style.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACQA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;;ACSA;EDAQ;IACI;;EADJ;IACI;;EADJ;IACI;;EADJ;IACI;;EADJ;IACI;;EADJ;IACI;;;ACSZ;EC/BJ;IACI,OCayB;IDZzB,KCeyB;;EDVzB;IACI;;EAGJ;IACI,OCIqB;;EDDzB;IACI,OCDqB;;EDKrB;IACI;;EADJ;IACI;;EADJ;IACI;;EADJ;IACI;;EADJ;IACI;;EAKR;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;;ADHJ;EGpCJ;IACI,ODqByB;ICpBzB,KDuByB;;EClBzB;IACI;;EAGJ;IACI,ODYqB;;ECTzB;IACI,ODOqB;;;AFPzB;EIhBJ;IACI,OFKyB;IEJzB;;EAKA;IACI;;EAIA;IACI;;EADJ;IACI;;EADJ;IACI;;EADJ;IACI;;EADJ;IACI;;EAIR;IACI,OFVqB;;EEazB;IACI,OFfqB;;EEkBzB;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;;AJ3BJ;EKXJ;IACI,OHHyB;IGIzB;;EAKA;IACI;;EAGJ;IACI,OHZqB;;EGezB;IACI,OHjBqB;;EGqBrB;IACI;;EADJ;IACI;;;AC3BhB;EACI;EACA;EACA,aCD4B;;;ACAhC;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;AAEA;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA,SN5C6B;EM6C7B;EACA;EACA;;AAEA;EACI;;AAGJ;AAAA;AAAA;EAGI;;;AAKR;EACI;EACA;;;AAGJ;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI,SNpF6B;EMqF7B;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;;;ARvII;EQ2IJ;IACI;;;EAGJ;IACI;;;EAGJ;IACI;;;EAGJ;IACI;;;EAGJ;IACI,eN1KyB;;;EM6K7B;IACI,eN9KyB;;;EMiL7B;IACI;IACA;;EAEA;IACI;;EAGJ;IACI;IACA;;EAGJ;IACI;IACA;;;EAIR;IACI;;;EAIA;IACI;;;ARvLJ;EQ6LJ;IACI;;;EAGJ;IACI;;;EAGJ;IACI;;;EAGJ;IACI;;;EAGJ;IACI,eNzNyB;IM0NzB,SN1NyB;;;EM6N7B;IACI,SN9NyB;IM+NzB,eN/NyB;;;AFTzB;EQ6OJ;IACI;;;EAGJ;IACI;;;EAGJ;IACI;;;EAGJ;IACI;;;EAIA;IACI;;;EAKR;IACI;IACA;;EAEA;IACI;;EAGJ;IACI;IACA;;EAGJ;IACI;IACA;;;EAIR;IACI;;;EAIA;IACI;;;ARlSJ;EQwSJ;IACI;;;EAGJ;IACI;;;EAGJ;IACI;;;EAGJ;IACI;;;EAIA;IACI;IACA;;;EAIR;IACI;;;ACzUR;AAAA;AAAA;AAAA;AAAA","file":"style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/_version.scss","../scss/grid/_base.scss","../scss/_mixins.scss","../scss/grid/_lg.scss","../scss/variables/_grid.scss","../scss/grid/_xl.scss","../scss/grid/_md.scss","../scss/grid/_sm.scss","../scss/components/_body.scss","../scss/variables/_global.scss","../scss/components/_sample.scss","../scss/style.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACQA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;;ACSA;EDAQ;IACI;;EADJ;IACI;;EADJ;IACI;;EADJ;IACI;;EADJ;IACI;;EADJ;IACI;;;ACSZ;EC/BJ;IACI,OCayB;IDZzB,KCeyB;;EDVzB;IACI;;EAGJ;IACI,OCIqB;;EDDzB;IACI,OCDqB;;EDKrB;IACI;;EADJ;IACI;;EADJ;IACI;;EADJ;IACI;;EADJ;IACI;;EAKR;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI,WC7BqB;;;AFsBzB;EGpCJ;IACI,ODqByB;ICpBzB,KDuByB;;EClBzB;IACI;;EAGJ;IACI,ODYqB;;ECTzB;IACI,ODOqB;;ECJzB;IACI,WDEqB;;;AFNzB;EIhBJ;IACI,OFKyB;IEJzB;;EAKA;IACI;;EAIA;IACI;;EADJ;IACI;;EADJ;IACI;;EADJ;IACI;;EADJ;IACI;;EAIR;IACI,OFVqB;;EEazB;IACI,OFfqB;;EEkBzB;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI,WFpCqB;;;AFKzB;EKXJ;IACI,OHHyB;IGIzB;;EAKA;IACI;;EAGJ;IACI,OHZqB;;EGezB;IACI,OHjBqB;;EGqBrB;IACI;;EADJ;IACI;;EAIR;IACI,WH5BqB;;;AIJjC;EACI;EACA;EACA,aCD4B;;;ACAhC;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;AAEA;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA,SN5C6B;EM6C7B;EACA;EACA;;AAEA;EACI;;AAGJ;AAAA;AAAA;EAGI;;;AAKR;EACI;EACA;;;AAGJ;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI,SNpF6B;EMqF7B;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;;;ARvII;EQ2IJ;IACI;;;EAGJ;IACI;;;EAGJ;IACI;;;EAGJ;IACI;;;EAGJ;IACI,eN1KyB;;;EM6K7B;IACI,eN9KyB;;;EMiL7B;IACI;IACA;;EAEA;IACI;;EAGJ;IACI;IACA;;EAGJ;IACI;IACA;;;EAIR;IACI;;;EAIA;IACI;;;ARvLJ;EQ6LJ;IACI;;;EAGJ;IACI;;;EAGJ;IACI;;;EAGJ;IACI;;;EAGJ;IACI,eNzNyB;IM0NzB,SN1NyB;;;EM6N7B;IACI,SN9NyB;IM+NzB,eN/NyB;;;AFTzB;EQ6OJ;IACI;;;EAGJ;IACI;;;EAGJ;IACI;;;EAGJ;IACI;;;EAIA;IACI;;;EAKR;IACI;IACA;;EAEA;IACI;;EAGJ;IACI;IACA;;EAGJ;IACI;IACA;;;EAIR;IACI;;;EAIA;IACI;;;ARlSJ;EQwSJ;IACI;;;EAGJ;IACI;;;EAGJ;IACI;;;EAGJ;IACI;;;EAIA;IACI;IACA;;;EAIR;IACI;;;ACzUR;AAAA;AAAA;AAAA;AAAA","file":"style.css"}
\ No newline at end of file
diff --git a/scss/grid/_base.scss b/scss/grid/_base.scss
index 70fd81f..fbf8b4f 100644
--- a/scss/grid/_base.scss
+++ b/scss/grid/_base.scss
@@ -28,7 +28,7 @@
 @include mixins.respond(md-up) {
     .grid {
         &.grid-reverse {
-            @for $i from 1 through grid.$md-max-spans {
+            @for $i from 1 through grid.$lg-max-spans {
                 & > *:nth-child(#{$i}) {
                     order: ((grid.$md-max-spans + 1) - $i);
                 }
diff --git a/scss/grid/_lg.scss b/scss/grid/_lg.scss
index 07bed84..c997ec3 100644
--- a/scss/grid/_lg.scss
+++ b/scss/grid/_lg.scss
@@ -49,5 +49,9 @@
         &.lg-sidebar-left {
             grid-template-columns: 1fr 3fr;
         }
+
+        .span {
+            max-width: grid.$grid-width;
+        }
     }
 }
diff --git a/scss/grid/_md.scss b/scss/grid/_md.scss
index bc04df9..4b9ee2d 100644
--- a/scss/grid/_md.scss
+++ b/scss/grid/_md.scss
@@ -48,5 +48,9 @@
         &.md-sidebar-left {
             grid-template-columns: 1fr 3fr;
         }
+
+        .span {
+            max-width: grid.$md-grid-width;
+        }
     }
 }
diff --git a/scss/grid/_sm.scss b/scss/grid/_sm.scss
index e769cc1..149e117 100644
--- a/scss/grid/_sm.scss
+++ b/scss/grid/_sm.scss
@@ -32,5 +32,9 @@
                 grid-template-columns: repeat(#{$i}, 1fr);
             }
         }
+
+        .span {
+            max-width: grid.$sm-grid-width;
+        }
     }
 }
diff --git a/scss/grid/_xl.scss b/scss/grid/_xl.scss
index e98fe3d..b830ade 100644
--- a/scss/grid/_xl.scss
+++ b/scss/grid/_xl.scss
@@ -26,5 +26,9 @@
         &.grid-wide {
             width: grid.$xl-grid-wide-width;
         }
+
+        .span {
+            max-width: grid.$xl-grid-width;
+        }
     }
 }