diff options
| author | Volpeon <git@volpeon.ink> | 2021-03-26 22:48:01 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2021-03-26 22:48:01 +0100 |
| commit | ef58809a37a7ad95c9bdef8e9f465adb3904ffdf (patch) | |
| tree | a13c113552197dd3dbbd3c511a3cdef95d9d45b5 /assets/css/layouts | |
| parent | WIP: Redesign (diff) | |
| download | volpeon.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.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') { |
