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/components/media.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/components/media.sass')
| -rw-r--r-- | styles/_sass/components/media.sass | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/styles/_sass/components/media.sass b/styles/_sass/components/media.sass new file mode 100644 index 0000000..e8542d8 --- /dev/null +++ b/styles/_sass/components/media.sass @@ -0,0 +1,48 @@ +.media + align-items: flex-start + display: flex + text-align: left + .content:not(:last-child) + margin-bottom: 0.75rem + .media + border-top: 1px solid rgba($border, 0.5) + display: flex + padding-top: 0.75rem + .content:not(:last-child), + .control:not(:last-child) + margin-bottom: 0.5rem + .media + padding-top: 0.5rem + & + .media + margin-top: 0.5rem + & + .media + border-top: 1px solid rgba($border, 0.5) + margin-top: 1rem + padding-top: 1rem + // Sizes + &.is-large + & + .media + margin-top: 1.5rem + padding-top: 1.5rem + +.media-left, +.media-right + flex-basis: auto + flex-grow: 0 + flex-shrink: 0 + +.media-left + margin-right: 1rem + +.media-right + margin-left: 1rem + +.media-content + flex-basis: auto + flex-grow: 1 + flex-shrink: 1 + text-align: left + ++mobile + .media-content + overflow-x: auto |