summaryrefslogtreecommitdiff
path: root/_bulma/node_modules/bulma/sass/components/level.sass
diff options
context:
space:
mode:
authorAdam T. Carpenter <atc@53hor.net>2020-06-03 22:00:03 -0400
committerAdam T. Carpenter <atc@53hor.net>2020-06-03 22:00:03 -0400
commitc6b5329e5c77b226a6b0cacd99607fc7650c3a9a (patch)
tree1b4676ab6d7e2257212d07cf5faf136f7bda89f7 /_bulma/node_modules/bulma/sass/components/level.sass
parent4d129b527ee5d3a536849209c2a4e86a64190a5d (diff)
downloadcarpentertutoring-c6b5329e5c77b226a6b0cacd99607fc7650c3a9a.tar.xz
carpentertutoring-c6b5329e5c77b226a6b0cacd99607fc7650c3a9a.zip
actually include bulma data for scss rendering later
Diffstat (limited to '_bulma/node_modules/bulma/sass/components/level.sass')
-rw-r--r--_bulma/node_modules/bulma/sass/components/level.sass77
1 files changed, 77 insertions, 0 deletions
diff --git a/_bulma/node_modules/bulma/sass/components/level.sass b/_bulma/node_modules/bulma/sass/components/level.sass
new file mode 100644
index 0000000..608f291
--- /dev/null
+++ b/_bulma/node_modules/bulma/sass/components/level.sass
@@ -0,0 +1,77 @@
+$level-item-spacing: ($block-spacing / 2) !default
+
+.level
+ @extend %block
+ align-items: center
+ justify-content: space-between
+ code
+ border-radius: $radius
+ img
+ display: inline-block
+ vertical-align: top
+ // Modifiers
+ &.is-mobile
+ display: flex
+ .level-left,
+ .level-right
+ display: flex
+ .level-left + .level-right
+ margin-top: 0
+ .level-item
+ &:not(:last-child)
+ margin-bottom: 0
+ margin-right: $level-item-spacing
+ &:not(.is-narrow)
+ flex-grow: 1
+ // Responsiveness
+ +tablet
+ display: flex
+ & > .level-item
+ &:not(.is-narrow)
+ flex-grow: 1
+
+.level-item
+ align-items: center
+ display: flex
+ flex-basis: auto
+ flex-grow: 0
+ flex-shrink: 0
+ justify-content: center
+ .title,
+ .subtitle
+ margin-bottom: 0
+ // Responsiveness
+ +mobile
+ &:not(:last-child)
+ margin-bottom: $level-item-spacing
+
+.level-left,
+.level-right
+ flex-basis: auto
+ flex-grow: 0
+ flex-shrink: 0
+ .level-item
+ // Modifiers
+ &.is-flexible
+ flex-grow: 1
+ // Responsiveness
+ +tablet
+ &:not(:last-child)
+ margin-right: $level-item-spacing
+
+.level-left
+ align-items: center
+ justify-content: flex-start
+ // Responsiveness
+ +mobile
+ & + .level-right
+ margin-top: 1.5rem
+ +tablet
+ display: flex
+
+.level-right
+ align-items: center
+ justify-content: flex-end
+ // Responsiveness
+ +tablet
+ display: flex