From: Jeremy Thomas <bbxdesign@gmail.com>
Date: Sun, 10 Apr 2016 23:43:29 +0000 (+0100)
Subject: Add tiles
X-Git-Tag: 0.0.19~3
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=d55c444b3084d9088b13969a01792edea0578d2d;p=thirdparty%2Fbulma.git

Add tiles
---

diff --git a/bulma/components/grid.sass b/bulma/components/grid.sass
index 54148536a..23d8093b4 100644
--- 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