diff options
Diffstat (limited to 'assets/css/layouts/_section.scss')
-rw-r--r-- | assets/css/layouts/_section.scss | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/assets/css/layouts/_section.scss b/assets/css/layouts/_section.scss index 38b20aa..a005ece 100644 --- a/assets/css/layouts/_section.scss +++ b/assets/css/layouts/_section.scss | |||
@@ -1,14 +1,15 @@ | |||
1 | @include namespace('section') { | 1 | @include namespace('section') { |
2 | @include layout(namespace()) { | 2 | @include layout(namespace()) { |
3 | display: flex; | 3 | box-sizing: border-box; |
4 | flex-direction: column; | ||
5 | align-items: stretch; | ||
6 | justify-content: flex-start; | ||
7 | min-height: 100%; | 4 | min-height: 100%; |
8 | margin-bottom: calc(-1 * #{prop(--dims --outer, $global: true)}); | 5 | margin-bottom: calc(-1 * #{prop(--dims --outer, $global: true)}); |
9 | padding-bottom: prop(--dims --outer, $global: true); | 6 | padding-bottom: prop(--dims --outer, $global: true); |
10 | 7 | ||
11 | @include element('heading') { | 8 | @include modifier('no-head') { |
9 | padding-top: prop(--dims --outer, $global: true); | ||
10 | } | ||
11 | |||
12 | @include element('head') { | ||
12 | display: flex; | 13 | display: flex; |
13 | position: sticky; | 14 | position: sticky; |
14 | z-index: 9000; | 15 | z-index: 9000; |