grid.sass in bulma-rails-0.0.8

- old
+ new

@@ -1,13 +1,14 @@
 .column
+  overflow: hidden
   +mobile
     & + .column
-      margin-top: 20px
+      margin-top: $column-gap
   +tablet
     flex: 1
     & + .column
-      margin-left: 20px
+      margin-left: $column-gap
     &.is-double
       flex: 2
     &.is-triple
       flex: 3
     &.is-quadruple
@@ -26,15 +27,15 @@
         flex: none
         width: ($i / 12) * 100%
 
 .columns
   &:not(:last-child)
-    margin-bottom: 20px
+    margin-bottom: $column-gap
   +tablet
     display: flex
   &.is-gapless
     & > .column + .column
-      margin-left: 0
+      margin: 0
   &.is-vcentered
     align-items: center
   &.is-grid
     +tablet
       flex-wrap: wrap