diff options
Diffstat (limited to 'assets/css/layouts/_section.scss')
-rw-r--r-- | assets/css/layouts/_section.scss | 28 |
1 files changed, 23 insertions, 5 deletions
diff --git a/assets/css/layouts/_section.scss b/assets/css/layouts/_section.scss index a005ece..0ad9a61 100644 --- a/assets/css/layouts/_section.scss +++ b/assets/css/layouts/_section.scss | |||
@@ -1,10 +1,11 @@ | |||
1 | @include namespace('section') { | 1 | @include namespace('section') { |
2 | @include layout(namespace()) { | 2 | @include store(( |
3 | box-sizing: border-box; | 3 | --colors: ( |
4 | min-height: 100%; | 4 | --border: prop(--colors --obj-hi, $global: true), |
5 | margin-bottom: calc(-1 * #{prop(--dims --outer, $global: true)}); | 5 | ) |
6 | padding-bottom: prop(--dims --outer, $global: true); | 6 | )); |
7 | 7 | ||
8 | @include layout(namespace()) { | ||
8 | @include modifier('no-head') { | 9 | @include modifier('no-head') { |
9 | padding-top: prop(--dims --outer, $global: true); | 10 | padding-top: prop(--dims --outer, $global: true); |
10 | } | 11 | } |
@@ -17,6 +18,23 @@ | |||
17 | left: 0; | 18 | left: 0; |
18 | flex-direction: row; | 19 | flex-direction: row; |
19 | justify-self: flex-start; | 20 | justify-self: flex-start; |
21 | padding-right: prop(--dims --outer, $global: true); | ||
22 | font-size: 1 / 16 * 15em; | ||
23 | |||
24 | &::after { | ||
25 | content: ''; | ||
26 | width: 100%; | ||
27 | height: 100%; | ||
28 | margin-right: prop(--dims --outer-spacing, $global: true); | ||
29 | margin-left: prop(--dims --outer-spacing, $global: true); | ||
30 | border-top: 1px solid prop(--colors --border); | ||
31 | } | ||
32 | } | ||
33 | |||
34 | @include media('<=sm') { | ||
35 | @include element('head') { | ||
36 | padding-right: 0; | ||
37 | } | ||
20 | } | 38 | } |
21 | } | 39 | } |
22 | } | 40 | } |