diff options
author | Adam T. Carpenter <atc@53hor.net> | 2020-07-11 11:09:49 -0400 |
---|---|---|
committer | Adam T. Carpenter <atc@53hor.net> | 2020-07-11 11:09:49 -0400 |
commit | e43e4e1e3257939bbbc4b004e94497503c8ef481 (patch) | |
tree | 467825ed78ae6a6476b61f7d76be1361e1fd935a /public/css/_sass/components/level.sass | |
parent | d2f203e54ed8eac2aac9712691a5b4892cdf5ffc (diff) | |
parent | 66e98b7125c87706782b8247b8e0329473dbeb5a (diff) | |
download | cobalt-site-e43e4e1e3257939bbbc4b004e94497503c8ef481.tar.xz cobalt-site-e43e4e1e3257939bbbc4b004e94497503c8ef481.zip |
merged
Diffstat (limited to 'public/css/_sass/components/level.sass')
-rw-r--r-- | public/css/_sass/components/level.sass | 77 |
1 files changed, 0 insertions, 77 deletions
diff --git a/public/css/_sass/components/level.sass b/public/css/_sass/components/level.sass deleted file mode 100644 index 608f291..0000000 --- a/public/css/_sass/components/level.sass +++ /dev/null @@ -1,77 +0,0 @@ -$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 |