diff options
Diffstat (limited to 'assets/vendor/bulma/sass/components/media.sass')
| -rw-r--r-- | assets/vendor/bulma/sass/components/media.sass | 28 |
1 files changed, 18 insertions, 10 deletions
diff --git a/assets/vendor/bulma/sass/components/media.sass b/assets/vendor/bulma/sass/components/media.sass index cb5df08..777755b 100644 --- a/assets/vendor/bulma/sass/components/media.sass +++ b/assets/vendor/bulma/sass/components/media.sass @@ -1,11 +1,15 @@ +$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: left + text-align: inherit .content:not(:last-child) margin-bottom: 0.75rem .media - border-top: 1px solid rgba($border, 0.5) + border-top: 1px solid $media-border-color display: flex padding-top: 0.75rem .content:not(:last-child), @@ -16,14 +20,14 @@ & + .media margin-top: 0.5rem & + .media - border-top: 1px solid rgba($border, 0.5) - margin-top: 1rem - padding-top: 1rem + border-top: 1px solid $media-border-color + margin-top: $media-spacing + padding-top: $media-spacing // Sizes &.is-large & + .media - margin-top: 1.5rem - padding-top: 1.5rem + margin-top: $media-spacing-large + padding-top: $media-spacing-large .media-left, .media-right @@ -32,13 +36,17 @@ flex-shrink: 0 .media-left - margin-right: 1rem + +ltr-property("margin", $media-spacing) .media-right - margin-left: 1rem + +ltr-property("margin", $media-spacing, false) .media-content flex-basis: auto flex-grow: 1 flex-shrink: 1 - text-align: left + text-align: inherit + ++mobile + .media-content + overflow-x: auto |