From d55c444b3084d9088b13969a01792edea0578d2d Mon Sep 17 00:00:00 2001 From: Jeremy Thomas Date: Mon, 11 Apr 2016 00:43:29 +0100 Subject: [PATCH] Add tiles --- bulma/components/grid.sass | 40 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) diff --git a/bulma/components/grid.sass b/bulma/components/grid.sass index 54148536..23d8093b 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