Add grid modules

bulma.sass

@@ -3,4 +3,5 @@
 @import "sass/base/base.sass"
 @import "sass/elements/elements.sass"
 @import "sass/components/components.sass"
+@import "sass/grid/grid.sass"
 @import "sass/layout/layout.sass"

sass/components/components.sass

@@ -1,7 +1,6 @@
 @charset "utf-8"
 
 @import "card"
-@import "grid"
 @import "highlight"
 @import "level"
 @import "media"

sass/components/grid.sass → sass/grid/columns.sass

@@ -251,35 +251,3 @@
     // Modifiers
     &.is-desktop
       display: flex
-
-.tile
-  align-items: stretch
-  flex-basis: auto
-  flex-grow: 1
-  flex-shrink: 1
-  min-height: min-content
-  // Modifiers
-  &.is-ancestor
-    margin-left: -10px
-    margin-right: -10px
-    margin-top: -10px
-    &:last-child
-      margin-bottom: -10px
-    &:not(:last-child)
-      margin-bottom: 10px
-  &.is-child
-    margin: 0 !important
-  &.is-parent
-    padding: 10px
-  &.is-vertical
-    flex-direction: column
-    & > .tile.is-child:not(:last-child)
-      margin-bottom: 20px !important
-  // Responsiveness
-  +tablet
-    &:not(.is-child)
-      display: flex
-    @for $i from 1 through 12
-      &.is-#{$i}
-        flex: none
-        width: ($i / 12) * 100%

sass/grid/grid.sass

@@ -0,0 +1,4 @@
+@charset "utf-8"
+
+@import "columns"
+@import "tiles"

sass/grid/tiles.sass

@@ -0,0 +1,34 @@
+@import "../utilities/mixins.sass"
+@import "../utilities/variables.sass"
+
+.tile
+  align-items: stretch
+  flex-basis: auto
+  flex-grow: 1
+  flex-shrink: 1
+  min-height: min-content
+  // Modifiers
+  &.is-ancestor
+    margin-left: -10px
+    margin-right: -10px
+    margin-top: -10px
+    &:last-child
+      margin-bottom: -10px
+    &:not(:last-child)
+      margin-bottom: 10px
+  &.is-child
+    margin: 0 !important
+  &.is-parent
+    padding: 10px
+  &.is-vertical
+    flex-direction: column
+    & > .tile.is-child:not(:last-child)
+      margin-bottom: 20px !important
+  // Responsiveness
+  +tablet
+    &:not(.is-child)
+      display: flex
+    @for $i from 1 through 12
+      &.is-#{$i}
+        flex: none
+        width: ($i / 12) * 100%