diff options
author | 53hornet <53hornet@gmail.com> | 2019-03-30 18:05:20 -0400 |
---|---|---|
committer | 53hornet <53hornet@gmail.com> | 2019-03-30 18:05:20 -0400 |
commit | 7f69e616dd181ce6d46d42a7dfde14dfeae7e247 (patch) | |
tree | 3324c42ae878b1e68717d56270d81015d7d6de6b /_sass/components/media.sass | |
download | cobalt-site-7f69e616dd181ce6d46d42a7dfde14dfeae7e247.tar.xz cobalt-site-7f69e616dd181ce6d46d42a7dfde14dfeae7e247.zip |
Initial commit.
Diffstat (limited to '_sass/components/media.sass')
-rw-r--r-- | _sass/components/media.sass | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/_sass/components/media.sass b/_sass/components/media.sass new file mode 100644 index 0000000..e8542d8 --- /dev/null +++ b/_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 |