diff options
| author | Adam T. Carpenter <atc@53hor.net> | 2020-07-11 10:59:50 -0400 |
|---|---|---|
| committer | Adam T. Carpenter <atc@53hor.net> | 2020-07-11 10:59:50 -0400 |
| commit | 66e98b7125c87706782b8247b8e0329473dbeb5a (patch) | |
| tree | 4d33c71e5462aa991199159f7fa70c1b3acf355b /styles/_sass/grid/tiles.sass | |
| parent | 52daf90e6206a67414b2de2f7b741b9af2cd959a (diff) | |
| download | cobalt-site-66e98b7125c87706782b8247b8e0329473dbeb5a.tar.xz cobalt-site-66e98b7125c87706782b8247b8e0329473dbeb5a.zip | |
reorganized assets and CSS, added a post
Diffstat (limited to 'styles/_sass/grid/tiles.sass')
| -rw-r--r-- | styles/_sass/grid/tiles.sass | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/styles/_sass/grid/tiles.sass b/styles/_sass/grid/tiles.sass new file mode 100644 index 0000000..1f6a626 --- /dev/null +++ b/styles/_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% |