diff options
Diffstat (limited to 'assets/css/layouts')
-rw-r--r-- | assets/css/layouts/_container.scss | 6 | ||||
-rw-r--r-- | assets/css/layouts/_landing.scss | 20 |
2 files changed, 9 insertions, 17 deletions
diff --git a/assets/css/layouts/_container.scss b/assets/css/layouts/_container.scss index 0726950..218841d 100644 --- a/assets/css/layouts/_container.scss +++ b/assets/css/layouts/_container.scss | |||
@@ -2,20 +2,20 @@ | |||
2 | @include store(( | 2 | @include store(( |
3 | --dims: ( | 3 | --dims: ( |
4 | --pad-x: 3rem, | 4 | --pad-x: 3rem, |
5 | --pad-y: $line-height * 3rem | 5 | --pad-y: $line-height * 2rem |
6 | ) | 6 | ) |
7 | )); | 7 | )); |
8 | 8 | ||
9 | @include store(( | 9 | @include store(( |
10 | --dims: ( | 10 | --dims: ( |
11 | --pad-x: 2rem, | 11 | --pad-x: 2rem, |
12 | --pad-y: $line-height * 2rem | 12 | --pad-y: $line-height * 1.5rem |
13 | ) | 13 | ) |
14 | ), 'md'); | 14 | ), 'md'); |
15 | 15 | ||
16 | @include store(( | 16 | @include store(( |
17 | --dims: ( | 17 | --dims: ( |
18 | --pad-x: 1rem, | 18 | --pad-x: 5%, |
19 | --pad-y: $line-height * 1rem | 19 | --pad-y: $line-height * 1rem |
20 | ) | 20 | ) |
21 | ), 'sm'); | 21 | ), 'sm'); |
diff --git a/assets/css/layouts/_landing.scss b/assets/css/layouts/_landing.scss index b824005..7683d44 100644 --- a/assets/css/layouts/_landing.scss +++ b/assets/css/layouts/_landing.scss | |||
@@ -27,18 +27,11 @@ | |||
27 | } | 27 | } |
28 | 28 | ||
29 | @include iro-responsive-env(('md', 'lg')) { | 29 | @include iro-responsive-env(('md', 'lg')) { |
30 | padding-right: iro-responsive-set((0, 6rem)); | ||
31 | padding-left: iro-responsive-set((0, 6rem)); | ||
32 | |||
30 | @include element('banner') { | 33 | @include element('banner') { |
31 | padding: | 34 | padding-right: iro-responsive-set((0, 6rem)); |
32 | iro-responsive-set((2rem, 6rem)) | ||
33 | iro-responsive-set((0, 6rem)); | ||
34 | } | ||
35 | |||
36 | @include element('content') { | ||
37 | padding: | ||
38 | iro-responsive-set((2rem, 6rem)) | ||
39 | iro-responsive-set((0, 6rem)) | ||
40 | iro-responsive-set((2rem, 6rem)) | ||
41 | 0; | ||
42 | } | 35 | } |
43 | } | 36 | } |
44 | 37 | ||
@@ -47,9 +40,8 @@ | |||
47 | height: auto; | 40 | height: auto; |
48 | 41 | ||
49 | @include element('banner', 'content') { | 42 | @include element('banner', 'content') { |
50 | width: auto; | 43 | width: auto; |
51 | padding-right: 0; | 44 | padding: 0; |
52 | padding-left: 0; | ||
53 | } | 45 | } |
54 | 46 | ||
55 | @include element('banner') { | 47 | @include element('banner') { |