Add tiles

diff --git a/bulma/components/grid.sass b/bulma/components/grid.sass
index 54148536adf61c7db61a5a297c5259b669bcf5b0..23d8093b43dc263a26cab26cc52fb48dae8417c5 100644 (file)
--- a/bulma/components/grid.sass
+++ b/bulma/components/grid.sass
@@ -157,3 +157,43 @@
     // Modifiers
     &.is-desktop
       display: flex
+
+.tile-content
+  align-items: stretch
+  flex: 1
+  margin: 0 !important
+  // Responsiveness
+  +tablet
+    display: flex
+
+.tile
+  flex: 1
+  // Modifiers
+  &.is-parent
+    padding: 10px
+  // Responsiveness
+  +tablet
+    // Sizes
+    @for $i from 1 through 12
+      &.is-#{$i}
+        flex: none
+        width: ($i / 12) * 100%
+
+.tiles
+  align-items: stretch
+  // Modifiers
+  &.is-ancestor
+    margin-left: -10px
+    margin-right: -10px
+    margin-top: -10px
+    &:last-child
+      margin-bottom: -10px
+    &:not(:last-child)
+      margin-bottom: 10px
+  &.is-vertical
+    flex-direction: column
+    & > .tile-content:not(:last-child)
+      margin-bottom: 20px !important
+  // Responsiveness
+  +tablet
+    display: flex