fix grid spacing

kbrsh · May 28, 2018 · 4d130cd · 4d130cd
1 parent 9e555a6
commit 4d130cd
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 19 deletions.
diff --git a/dist/wing.css b/dist/wing.css
@@ -48,9 +48,12 @@ body {
 .row .col,
 .row [class^="col-"],
 .row [class*=" col-"] {
-  padding-top: 16px;
-  padding-right: 16px;
-  padding-left: 16px;
+  margin-right: 16px;
+}
+.row .col:last-child,
+.row [class^="col-"]:last-child,
+.row [class*=" col-"]:last-child {
+  margin-right: 0;
 }
 .row .col-1 {
   width: 8.333333333333332%;
@@ -94,13 +97,6 @@ body {
   .row [class*=" col-"] {
     flex-grow: 0;
     flex-basis: 100%;
-    margin-bottom: 16px;
-    padding: 0;
-  }
-  .row .col:last-child,
-  .row [class^='col-']:last-child,
-  .row [class*=" col-"]:last-child {
-    margin-bottom: 0;
   }
 }
 /*=============================

diff --git a/dist/wing.min.css b/dist/wing.min.css
diff --git a/src/grid.styl b/src/grid.styl
@@ -22,9 +22,10 @@
     flex-basis: 0
 
   .col, [class^="col-"], [class*=" col-"]
-    padding-top: base
-    padding-right: base
-    padding-left: base
+    margin-right: base
+
+    &:last-child
+      margin-right: 0
 
   for col-number in 1...(columns + 1)
     .col-{col-number}
@@ -34,8 +35,3 @@
     .col, [class^='col-'], [class*=" col-"]
       flex-grow: 0
       flex-basis: 100%
-      margin-bottom: base
-      padding: 0
-
-      &:last-child
-        margin-bottom: 0