From dd60f943ddf48d0c8f2413a7895f00918b7c91cc Mon Sep 17 00:00:00 2001
From: rayelliott <gitea@rayelliott.dev>
Date: Tue, 21 Apr 2020 14:15:13 +0000
Subject: [PATCH] update wrapper width to leave gaps

---
 src/css/imports/layout.scss    | 7 +++----
 src/css/imports/variables.scss | 8 +++++---
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/css/imports/layout.scss b/src/css/imports/layout.scss
index 8926711..a6acc0c 100644
--- a/src/css/imports/layout.scss
+++ b/src/css/imports/layout.scss
@@ -1,7 +1,5 @@
 .l-wrapper {
-  outline: 1px dotted #000;
-
-  width: calc(100vw - #{$unit-size});
+  width: $wrapper-width;
   max-width: $wrapper-max-width;
   margin-left: auto;
   margin-right: auto;
@@ -15,6 +13,7 @@
   }
 
   @media (min-width: $bp-m) {
+    width: $wrapper-width-m;
     padding-left: $padding-horizontal-m;
     padding-right: $padding-horizontal-m;
   }
@@ -86,7 +85,7 @@
   padding-top: 0.5 * $unit-size;
   padding-bottom: 0.5 * $unit-size;
   width: 100%;
-  max-width: calc(100% - #{$unit-size});
+  max-width: $wrapper-width;
 
   @media (min-width: $bp-s) {
     padding-top: $unit-size;
diff --git a/src/css/imports/variables.scss b/src/css/imports/variables.scss
index 882dd4f..fc8ce6a 100644
--- a/src/css/imports/variables.scss
+++ b/src/css/imports/variables.scss
@@ -8,15 +8,17 @@ $bp-menu-collpase: $bp-s;
 
 $z-index__header: 100;
 
-$wrapper-max-width: $bp-l;
-$wrapper-max-width--wide: 110rem;
-
 $font-size-body: 1em;
 $font-size-body--xxs: 0.9em;
 
 $line-height-body: 1.6;
 $unit-size: 1.6rem;
 
+$wrapper-width: calc(100vw - #{$unit-size / 2});
+$wrapper-width-m: calc(100vw - #{$unit-size});
+$wrapper-max-width: $bp-l;
+$wrapper-max-width--wide: 110rem;
+
 $font-size-h1--xs: 2.875rem;
 $font-size-h1--s: 2.875rem;
 $font-size-h1--m: 2.875rem;