fix: remove outside gap in .row class (AT-UI#5)

* Remove outside row gap! Align to external container. * Update grid.scss
argonomogit · Sep 10, 2017 · 6b50cbc · 6b50cbc
1 parent 52b0e6e
commit 6b50cbc
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/src/core/grid.scss b/src/core/grid.scss
@@ -7,7 +7,6 @@
 $gutter-width: 8px;
 $outer-margin: 24px;
 $half-gutter-width: $gutter-width * .5;
-$gutter-compensation: -$half-gutter-width;
 
 /* Extra small screen / Mobile */
 $screen-xs     : 480px;
@@ -60,8 +59,8 @@ $baseWidth: 4.166667%;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
-  // margin-left: $gutter-compensation;
-  // margin-right: $gutter-compensation;
+  margin-left: $half-gutter-width * -1;
+  margin-right: $half-gutter-width * -1;
 
   &.reverse {
     flex-direction: row-reverse;