diff options
Diffstat (limited to 'styles/_sass/components/media.sass')
-rw-r--r-- | styles/_sass/components/media.sass | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/styles/_sass/components/media.sass b/styles/_sass/components/media.sass new file mode 100644 index 0000000..65939fc --- /dev/null +++ b/styles/_sass/components/media.sass @@ -0,0 +1,50 @@ +$media-border-color: rgba($border, 0.5) !default + +.media + align-items: flex-start + display: flex + text-align: left + .content:not(:last-child) + margin-bottom: 0.75rem + .media + border-top: 1px solid $media-border-color + 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 $media-border-color + 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 |