From 7f69e616dd181ce6d46d42a7dfde14dfeae7e247 Mon Sep 17 00:00:00 2001 From: 53hornet <53hornet@gmail.com> Date: Sat, 30 Mar 2019 18:05:20 -0400 Subject: Initial commit. --- _sass/grid/tiles.sass | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) create mode 100644 _sass/grid/tiles.sass (limited to '_sass/grid/tiles.sass') diff --git a/_sass/grid/tiles.sass b/_sass/grid/tiles.sass new file mode 100644 index 0000000..1f6a626 --- /dev/null +++ b/_sass/grid/tiles.sass @@ -0,0 +1,32 @@ +.tile + align-items: stretch + display: block + flex-basis: 0 + flex-grow: 1 + flex-shrink: 1 + min-height: min-content + // Modifiers + &.is-ancestor + margin-left: -0.75rem + margin-right: -0.75rem + margin-top: -0.75rem + &:last-child + margin-bottom: -0.75rem + &:not(:last-child) + margin-bottom: 0.75rem + &.is-child + margin: 0 !important + &.is-parent + padding: 0.75rem + &.is-vertical + flex-direction: column + & > .tile.is-child:not(:last-child) + margin-bottom: 1.5rem !important + // Responsiveness + +tablet + &:not(.is-child) + display: flex + @for $i from 1 through 12 + &.is-#{$i} + flex: none + width: ($i / 12) * 100% -- cgit v1.2.3