summaryrefslogtreecommitdiff
path: root/public/css/_sass/components/level.sass
diff options
context:
space:
mode:
authorAdam T. Carpenter <atc@53hor.net>2020-07-11 10:59:50 -0400
committerAdam T. Carpenter <atc@53hor.net>2020-07-11 10:59:50 -0400
commit66e98b7125c87706782b8247b8e0329473dbeb5a (patch)
tree4d33c71e5462aa991199159f7fa70c1b3acf355b /public/css/_sass/components/level.sass
parent52daf90e6206a67414b2de2f7b741b9af2cd959a (diff)
downloadcobalt-site-66e98b7125c87706782b8247b8e0329473dbeb5a.tar.xz
cobalt-site-66e98b7125c87706782b8247b8e0329473dbeb5a.zip
reorganized assets and CSS, added a post
Diffstat (limited to 'public/css/_sass/components/level.sass')
-rw-r--r--public/css/_sass/components/level.sass75
1 files changed, 0 insertions, 75 deletions
diff --git a/public/css/_sass/components/level.sass b/public/css/_sass/components/level.sass
deleted file mode 100644
index a3b7716..0000000
--- a/public/css/_sass/components/level.sass
+++ /dev/null
@@ -1,75 +0,0 @@
-.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: 0.75rem
- &: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: 0.75rem
-
-.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: 0.75rem
-
-.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