diff options
author | Volpeon <git@volpeon.ink> | 2021-04-18 15:53:42 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2021-04-18 15:53:42 +0200 |
commit | 304ebd1f875476fc2b6a7c5435b011c55d735617 (patch) | |
tree | 4fa8dec33d282ddac41178e7157282e93a7cde43 /assets/css/layouts | |
parent | Update (diff) | |
download | volpeon.ink-304ebd1f875476fc2b6a7c5435b011c55d735617.tar.gz volpeon.ink-304ebd1f875476fc2b6a7c5435b011c55d735617.tar.bz2 volpeon.ink-304ebd1f875476fc2b6a7c5435b011c55d735617.zip |
Update
Diffstat (limited to 'assets/css/layouts')
-rw-r--r-- | assets/css/layouts/_landing.scss | 4 | ||||
-rw-r--r-- | assets/css/layouts/_section.scss | 8 |
2 files changed, 8 insertions, 4 deletions
diff --git a/assets/css/layouts/_landing.scss b/assets/css/layouts/_landing.scss index d1169dd..500849e 100644 --- a/assets/css/layouts/_landing.scss +++ b/assets/css/layouts/_landing.scss | |||
@@ -10,12 +10,8 @@ | |||
10 | 10 | ||
11 | @include layout(namespace()) { | 11 | @include layout(namespace()) { |
12 | display: flex; | 12 | display: flex; |
13 | box-sizing: border-box; | ||
14 | flex-direction: row; | 13 | flex-direction: row; |
15 | align-items: center; | 14 | align-items: center; |
16 | min-height: 100%; | ||
17 | margin-bottom: calc(-1 * #{prop(--dims --outer, $global: true)}); | ||
18 | padding-bottom: prop(--dims --outer, $global: true); | ||
19 | 15 | ||
20 | @include element('banner') { | 16 | @include element('banner') { |
21 | width: 70%; | 17 | width: 70%; |
diff --git a/assets/css/layouts/_section.scss b/assets/css/layouts/_section.scss index 0ad9a61..3450858 100644 --- a/assets/css/layouts/_section.scss +++ b/assets/css/layouts/_section.scss | |||
@@ -6,6 +6,13 @@ | |||
6 | )); | 6 | )); |
7 | 7 | ||
8 | @include layout(namespace()) { | 8 | @include layout(namespace()) { |
9 | @include modifier('fullscreen') { | ||
10 | box-sizing: border-box; | ||
11 | min-height: 100%; | ||
12 | margin-bottom: calc(-1 * #{prop(--dims --outer, $global: true)}); | ||
13 | padding-bottom: prop(--dims --outer, $global: true); | ||
14 | } | ||
15 | |||
9 | @include modifier('no-head') { | 16 | @include modifier('no-head') { |
10 | padding-top: prop(--dims --outer, $global: true); | 17 | padding-top: prop(--dims --outer, $global: true); |
11 | } | 18 | } |
@@ -25,6 +32,7 @@ | |||
25 | content: ''; | 32 | content: ''; |
26 | width: 100%; | 33 | width: 100%; |
27 | height: 100%; | 34 | height: 100%; |
35 | margin-top: -1px; | ||
28 | margin-right: prop(--dims --outer-spacing, $global: true); | 36 | margin-right: prop(--dims --outer-spacing, $global: true); |
29 | margin-left: prop(--dims --outer-spacing, $global: true); | 37 | margin-left: prop(--dims --outer-spacing, $global: true); |
30 | border-top: 1px solid prop(--colors --border); | 38 | border-top: 1px solid prop(--colors --border); |