summaryrefslogtreecommitdiffstats
path: root/assets/css/layouts
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-03-26 22:48:01 +0100
committerVolpeon <git@volpeon.ink>2021-03-26 22:48:01 +0100
commitef58809a37a7ad95c9bdef8e9f465adb3904ffdf (patch)
treea13c113552197dd3dbbd3c511a3cdef95d9d45b5 /assets/css/layouts
parentWIP: Redesign (diff)
downloadvolpeon.ink-ef58809a37a7ad95c9bdef8e9f465adb3904ffdf.tar.gz
volpeon.ink-ef58809a37a7ad95c9bdef8e9f465adb3904ffdf.tar.bz2
volpeon.ink-ef58809a37a7ad95c9bdef8e9f465adb3904ffdf.zip
WIP: Redesign
Diffstat (limited to 'assets/css/layouts')
-rw-r--r--assets/css/layouts/_container.scss6
-rw-r--r--assets/css/layouts/_landing.scss20
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') {