diff options
| author | Adam T. Carpenter <atc@53hor.net> | 2020-07-11 11:09:49 -0400 |
|---|---|---|
| committer | Adam T. Carpenter <atc@53hor.net> | 2020-07-11 11:09:49 -0400 |
| commit | e43e4e1e3257939bbbc4b004e94497503c8ef481 (patch) | |
| tree | 467825ed78ae6a6476b61f7d76be1361e1fd935a /styles/_sass/grid/tiles.sass | |
| parent | d2f203e54ed8eac2aac9712691a5b4892cdf5ffc (diff) | |
| parent | 66e98b7125c87706782b8247b8e0329473dbeb5a (diff) | |
| download | cobalt-site-e43e4e1e3257939bbbc4b004e94497503c8ef481.tar.xz cobalt-site-e43e4e1e3257939bbbc4b004e94497503c8ef481.zip | |
merged
Diffstat (limited to 'styles/_sass/grid/tiles.sass')
| -rw-r--r-- | styles/_sass/grid/tiles.sass | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/styles/_sass/grid/tiles.sass b/styles/_sass/grid/tiles.sass new file mode 100644 index 0000000..15648c2 --- /dev/null +++ b/styles/_sass/grid/tiles.sass @@ -0,0 +1,34 @@ +$tile-spacing: 0.75rem !default + +.tile + align-items: stretch + display: block + flex-basis: 0 + flex-grow: 1 + flex-shrink: 1 + min-height: min-content + // Modifiers + &.is-ancestor + margin-left: $tile-spacing * -1 + margin-right: $tile-spacing * -1 + margin-top: $tile-spacing * -1 + &:last-child + margin-bottom: $tile-spacing * -1 + &:not(:last-child) + margin-bottom: $tile-spacing + &.is-child + margin: 0 !important + &.is-parent + padding: $tile-spacing + &.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% |