diff options
author | Volpeon <git@volpeon.ink> | 2021-04-18 15:44:32 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2021-04-18 15:44:32 +0200 |
commit | 8c83a2ef92be845c5ffecb1434028d0c68915936 (patch) | |
tree | a18faff703a1deadb041dcc977208a4d6565dd85 /assets/css/layouts/_section.scss | |
parent | Fetch pages of sections (diff) | |
download | volpeon.ink-8c83a2ef92be845c5ffecb1434028d0c68915936.tar.gz volpeon.ink-8c83a2ef92be845c5ffecb1434028d0c68915936.tar.bz2 volpeon.ink-8c83a2ef92be845c5ffecb1434028d0c68915936.zip |
Update
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 | } |