diff options
Diffstat (limited to 'assets/css')
-rw-r--r-- | assets/css/components/_footer.scss | 1 | ||||
-rw-r--r-- | assets/css/layouts/_landing.scss | 4 | ||||
-rw-r--r-- | assets/css/layouts/_section.scss | 8 |
3 files changed, 9 insertions, 4 deletions
diff --git a/assets/css/components/_footer.scss b/assets/css/components/_footer.scss index c127d02..225cd29 100644 --- a/assets/css/components/_footer.scss +++ b/assets/css/components/_footer.scss | |||
@@ -17,6 +17,7 @@ | |||
17 | @include element('content') { | 17 | @include element('content') { |
18 | width: 100%; | 18 | width: 100%; |
19 | height: 100%; | 19 | height: 100%; |
20 | margin-top: -1px; | ||
20 | margin-right: prop(--dims --outer-spacing, $global: true); | 21 | margin-right: prop(--dims --outer-spacing, $global: true); |
21 | margin-left: prop(--dims --outer-spacing, $global: true); | 22 | margin-left: prop(--dims --outer-spacing, $global: true); |
22 | border-top: 1px solid prop(--colors --border); | 23 | border-top: 1px solid prop(--colors --border); |
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); |