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