diff options
author | Volpeon <git@volpeon.ink> | 2021-04-12 20:39:04 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2021-04-12 20:39:04 +0200 |
commit | 6b2c6c4260b2af2adad37dc1f8c50a904e04f13d (patch) | |
tree | 46db61ecffa196c31f19b7f437b554ad1c2a193c /assets/css/layouts/_landing.scss | |
parent | WIP: Redesign (diff) | |
download | volpeon.ink-6b2c6c4260b2af2adad37dc1f8c50a904e04f13d.tar.gz volpeon.ink-6b2c6c4260b2af2adad37dc1f8c50a904e04f13d.tar.bz2 volpeon.ink-6b2c6c4260b2af2adad37dc1f8c50a904e04f13d.zip |
Update
Diffstat (limited to 'assets/css/layouts/_landing.scss')
-rw-r--r-- | assets/css/layouts/_landing.scss | 20 |
1 files changed, 11 insertions, 9 deletions
diff --git a/assets/css/layouts/_landing.scss b/assets/css/layouts/_landing.scss index 03af39f..a332528 100644 --- a/assets/css/layouts/_landing.scss +++ b/assets/css/layouts/_landing.scss | |||
@@ -13,19 +13,15 @@ | |||
13 | box-sizing: border-box; | 13 | box-sizing: border-box; |
14 | flex-direction: row; | 14 | flex-direction: row; |
15 | align-items: center; | 15 | align-items: center; |
16 | min-height: 100%; | ||
17 | padding-bottom: prop(--dims --outer, $global: true); | ||
18 | 16 | ||
19 | @include element('banner') { | 17 | @include element('banner') { |
20 | flex-shrink: 1.2; | 18 | width: 70%; |
21 | width: 100%; | ||
22 | max-width: prop(--dims --banner-width); | 19 | max-width: prop(--dims --banner-width); |
23 | background-color: prop(--colors --banner-bg); | 20 | background-color: prop(--colors --banner-bg); |
24 | } | 21 | } |
25 | 22 | ||
26 | @include element('content') { | 23 | @include element('content') { |
27 | width: 100%; | 24 | width: 100%; |
28 | min-width: 0; | ||
29 | } | 25 | } |
30 | 26 | ||
31 | @include iro-responsive-env(('md', 'lg')) { | 27 | @include iro-responsive-env(('md', 'lg')) { |
@@ -38,9 +34,15 @@ | |||
38 | } | 34 | } |
39 | 35 | ||
40 | @include media('<=md') { | 36 | @include media('<=md') { |
41 | display: block; | 37 | display: block; |
42 | height: auto; | 38 | |
43 | padding-bottom: 0; | 39 | @include element('side') { |
40 | display: none; | ||
41 | |||
42 | @include sibling-element('side') { | ||
43 | display: block; | ||
44 | } | ||
45 | } | ||
44 | 46 | ||
45 | @include element('banner', 'content') { | 47 | @include element('banner', 'content') { |
46 | width: auto; | 48 | width: auto; |