summaryrefslogtreecommitdiffstats
path: root/assets/css/layouts/_landing.scss
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/layouts/_landing.scss')
-rw-r--r--assets/css/layouts/_landing.scss20
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;