IMPORTANT: Replace all rem units to px

1 files changed, 8 insertions, 8 deletions

diff --git a/src/layout.less b/src/layout.less
index 1c657df..0f7bdfe 100644
--- a/src/layout.less
+++ b/src/layout.less
@@ -2,21 +2,21 @@
 .container {
   margin-left: auto;
   margin-right: auto;
-  padding-left: @layout-padding;
-  padding-right: @layout-padding;
+  padding-left: @layout-spacing;
+  padding-right: @layout-spacing;
   width: 100%;
   &:extend(.clearfix all);
 
   &.grid-1280 {
-    max-width: 128rem + 2 * @layout-padding;
+    max-width: @size-xl + 2 * @layout-spacing;
   }
 
   &.grid-960 {
-    max-width: 96rem + 2 * @layout-padding;
+    max-width: @size-lg + 2 * @layout-spacing;
   }
 
   &.grid-480 {
-    max-width: 48rem + 2 * @layout-padding;
+    max-width: @size-xs + 2 * @layout-spacing;
   }
 }
 
@@ -24,8 +24,8 @@
 .columns {
   display: flex;
   flex-wrap: wrap;
-  margin-left: -@layout-padding;
-  margin-right: -@layout-padding;
+  margin-left: -@layout-spacing;
+  margin-right: -@layout-spacing;
 
   &.col-gapless {
     margin-left: 0;
@@ -44,7 +44,7 @@
 .column {
   flex: 1;
   max-width: 100%;
-  padding: @layout-padding;
+  padding: @layout-spacing;
 
   &.col-12,
   &.col-11,