summaryrefslogtreecommitdiff
path: root/static/assets/bulma/sass/components/media.sass
diff options
context:
space:
mode:
authornavanchauhan <navanchauhan@gmail.com>2023-01-21 16:52:10 -0700
committernavanchauhan <navanchauhan@gmail.com>2023-01-21 16:52:10 -0700
commiteff65de6860690861024996bde0abb41e1a6e2d9 (patch)
treec5ae1735628c30298c25b29d9d406117a0548cc7 /static/assets/bulma/sass/components/media.sass
parent9d8f369405802c249658aa247b1c617126ead2da (diff)
bundle bulma
Diffstat (limited to 'static/assets/bulma/sass/components/media.sass')
-rw-r--r--static/assets/bulma/sass/components/media.sass59
1 files changed, 59 insertions, 0 deletions
diff --git a/static/assets/bulma/sass/components/media.sass b/static/assets/bulma/sass/components/media.sass
new file mode 100644
index 0000000..fc3f7d1
--- /dev/null
+++ b/static/assets/bulma/sass/components/media.sass
@@ -0,0 +1,59 @@
+@import "../utilities/mixins"
+
+$media-border-color: bulmaRgba($border, 0.5) !default
+$media-border-size: 1px !default
+$media-spacing: 1rem !default
+$media-spacing-large: 1.5rem !default
+$media-content-spacing: 0.75rem !default
+$media-level-1-spacing: 0.75rem !default
+$media-level-1-content-spacing: 0.5rem !default
+$media-level-2-spacing: 0.5rem !default
+
+.media
+ align-items: flex-start
+ display: flex
+ text-align: inherit
+ .content:not(:last-child)
+ margin-bottom: $media-content-spacing
+ .media
+ border-top: $media-border-size solid $media-border-color
+ display: flex
+ padding-top: $media-level-1-spacing
+ .content:not(:last-child),
+ .control:not(:last-child)
+ margin-bottom: $media-level-1-content-spacing
+ .media
+ padding-top: $media-level-2-spacing
+ & + .media
+ margin-top: $media-level-2-spacing
+ & + .media
+ border-top: $media-border-size 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