diff options
author | wlh233 <wlh233@live.com> | 2020-11-13 18:07:41 +0300 |
---|---|---|
committer | wlh233 <wlh233@live.com> | 2020-11-13 18:07:41 +0300 |
commit | ab9efea0dc0d0eb0202421aab978d8b54b5dac3b (patch) | |
tree | 4e133abd297ba1f7d74696a100af0466a51b1e83 /assets/sass/components/media.sass |
first commit
Diffstat (limited to 'assets/sass/components/media.sass')
-rw-r--r-- | assets/sass/components/media.sass | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/assets/sass/components/media.sass b/assets/sass/components/media.sass new file mode 100644 index 0000000..777755b --- /dev/null +++ b/assets/sass/components/media.sass @@ -0,0 +1,52 @@ +$media-border-color: bulmaRgba($border, 0.5) !default +$media-spacing: 1rem +$media-spacing-large: 1.5rem + +.media + align-items: flex-start + display: flex + text-align: inherit + .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: $media-spacing + padding-top: $media-spacing + // Sizes + &.is-large + & + .media + margin-top: $media-spacing-large + padding-top: $media-spacing-large + +.media-left, +.media-right + flex-basis: auto + flex-grow: 0 + flex-shrink: 0 + +.media-left + +ltr-property("margin", $media-spacing) + +.media-right + +ltr-property("margin", $media-spacing, false) + +.media-content + flex-basis: auto + flex-grow: 1 + flex-shrink: 1 + text-align: inherit + ++mobile + .media-content + overflow-x: auto |