_grid.scss in furatto-1.0.2

- old
+ new

@@ -14,12 +14,20 @@
 //Row config
 $row-text-rendering: optimizespeed !default;
 $row-next-to-row-separation: 0.14285714rem !default;
 
 //Columns settings
-$col-padding: 0.57142857rem !default;
+$col-top-padding: 8px !default;
+$col-right-padding: 8px !default;
+$col-bottom-padding: 8px !default;
+$col-left-padding: 0 !default;
+$col-padding: $col-top-padding $col-right-padding $col-bottom-padding $col-left-padding !default;
+
+//Stack columns
 $stack-column-separation: 2px !default;
+$stack-column-padding-right: 0 !default;
+$stack-column-padding-left: 0 !default;
 
 //Media
 $grid-max-width: 54.85714286rem !default;
 $grid-max-width-media: "(max-width: #{$grid-max-width})" !default;
 
@@ -39,13 +47,11 @@
 @mixin grid-columns($columns: $number-of-columns) {
   $column-width: 100 / $columns;
 
   @for $i from 1 through $columns {
     .col-#{$i} {
-      $current-width: ($column-width * $i) - $column-separation-factor;
-      width: percentage($current-width / 100);
-      margin-left: percentage($column-separation-factor / 100);
+      width: percentage(($column-width * $i) / 100);
     }
   }
 }
 
 .row {
@@ -73,14 +79,10 @@
     background: $grid-success-background-color; 
   }
 
   //Columns
   @include grid-columns;
-
-  [class*="col-"]:first-child {
-    margin-left: 0;
-  }
 }
 
 //Separation between rows
 .row + .row {
   margin-top: $row-next-to-row-separation;
@@ -132,11 +134,13 @@
         border-bottom-color: rgba($col-border-color, $col-border-alpha);
         border-right-color: transparent;
       }
     }
   }
-  .row > [class *= "col-"] {
+  .row > [class*="col-"] {
     width: 100%;
     margin-left: 0;
     margin-bottom: $stack-column-separation;
+    padding-right: $stack-column-padding-right;
+    padding-left: $stack-column-padding-left;
   }
 }