add layout-gutter variable

1 files changed, 5 insertions, 5 deletions

diff --git a/src/layout.less b/src/layout.less
index a8ce509..6a9a643 100644
--- a/src/layout.less
+++ b/src/layout.less
@@ -3,8 +3,8 @@
   margin-left: auto;
   margin-right: auto;
   overflow-x: hidden;
-  padding-left: 1rem;
-  padding-right: 1rem;
+  padding-left: @layout-gutter;
+  padding-right: @layout-gutter;
   width: 100%;
   &:extend(.clearfix all);
 }
@@ -26,12 +26,12 @@
 // Responsive grid system
 .columns {
   display: flex;
-  margin-left: -1rem;
-  margin-right: -1rem;
+  margin-left: -@layout-gutter;
+  margin-right: -@layout-gutter;
 }
 .column {
   flex: 1;
-  padding: 1rem;
+  padding: @layout-gutter;
 
   &.col-12,
   &.col-11,