diff options
| author | Volpeon <git@volpeon.ink> | 2021-04-18 20:40:38 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2021-04-18 20:40:38 +0200 |
| commit | 09637502e8374ba5a1f408a9a231a0ec1eb96ee4 (patch) | |
| tree | 2b13421e1b8781ec7b9b2b364a679e0e387b6ecb /assets/css/layouts | |
| parent | Update (diff) | |
| download | volpeon.ink-09637502e8374ba5a1f408a9a231a0ec1eb96ee4.tar.gz volpeon.ink-09637502e8374ba5a1f408a9a231a0ec1eb96ee4.tar.bz2 volpeon.ink-09637502e8374ba5a1f408a9a231a0ec1eb96ee4.zip | |
Update
Diffstat (limited to 'assets/css/layouts')
| -rw-r--r-- | assets/css/layouts/_container.scss | 16 | ||||
| -rw-r--r-- | assets/css/layouts/_section.scss | 6 |
2 files changed, 9 insertions, 13 deletions
diff --git a/assets/css/layouts/_container.scss b/assets/css/layouts/_container.scss index 0f569e4..ae23042 100644 --- a/assets/css/layouts/_container.scss +++ b/assets/css/layouts/_container.scss | |||
| @@ -1,19 +1,15 @@ | |||
| 1 | @include namespace('container') { | 1 | @include namespace('container') { |
| 2 | @include store(( | 2 | @include store(( |
| 3 | --dims: ( | 3 | --dims: ( |
| 4 | --pad-x: 3rem | 4 | --pad-x: 2rem, |
| 5 | --pad-y: 4rem, | ||
| 5 | ) | 6 | ) |
| 6 | )); | 7 | )); |
| 7 | 8 | ||
| 8 | @include store(( | 9 | @include store(( |
| 9 | --dims: ( | 10 | --dims: ( |
| 10 | --pad-x: 2rem | 11 | --pad-x: 1rem, |
| 11 | ) | 12 | --pad-y: 3rem, |
| 12 | ), 'md'); | ||
| 13 | |||
| 14 | @include store(( | ||
| 15 | --dims: ( | ||
| 16 | --pad-x: 4% | ||
| 17 | ) | 13 | ) |
| 18 | ), 'sm'); | 14 | ), 'sm'); |
| 19 | 15 | ||
| @@ -30,8 +26,8 @@ | |||
| 30 | } | 26 | } |
| 31 | 27 | ||
| 32 | @include modifier('pad-y') { | 28 | @include modifier('pad-y') { |
| 33 | padding-top: prop(--dims --spacing-y, $global: true); | 29 | padding-top: prop(--dims --pad-y); |
| 34 | padding-bottom: prop(--dims --spacing-y, $global: true); | 30 | padding-bottom: prop(--dims --pad-y); |
| 35 | } | 31 | } |
| 36 | } | 32 | } |
| 37 | } | 33 | } |
diff --git a/assets/css/layouts/_section.scss b/assets/css/layouts/_section.scss index 3450858..70ace4c 100644 --- a/assets/css/layouts/_section.scss +++ b/assets/css/layouts/_section.scss | |||
| @@ -2,7 +2,7 @@ | |||
| 2 | @include store(( | 2 | @include store(( |
| 3 | --colors: ( | 3 | --colors: ( |
| 4 | --border: prop(--colors --obj-hi, $global: true), | 4 | --border: prop(--colors --obj-hi, $global: true), |
| 5 | ) | 5 | ), |
| 6 | )); | 6 | )); |
| 7 | 7 | ||
| 8 | @include layout(namespace()) { | 8 | @include layout(namespace()) { |
| @@ -33,8 +33,8 @@ | |||
| 33 | width: 100%; | 33 | width: 100%; |
| 34 | height: 100%; | 34 | height: 100%; |
| 35 | margin-top: -1px; | 35 | margin-top: -1px; |
| 36 | margin-right: prop(--dims --outer-spacing, $global: true); | 36 | margin-right: prop(--container --dims --pad-x, $global: true); |
| 37 | margin-left: prop(--dims --outer-spacing, $global: true); | 37 | margin-left: prop(--container --dims --pad-x, $global: true); |
| 38 | border-top: 1px solid prop(--colors --border); | 38 | border-top: 1px solid prop(--colors --border); |
| 39 | } | 39 | } |
| 40 | } | 40 | } |
