summaryrefslogtreecommitdiffstats
path: root/assets/css/layouts
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-04-18 20:40:38 +0200
committerVolpeon <git@volpeon.ink>2021-04-18 20:40:38 +0200
commit09637502e8374ba5a1f408a9a231a0ec1eb96ee4 (patch)
tree2b13421e1b8781ec7b9b2b364a679e0e387b6ecb /assets/css/layouts
parentUpdate (diff)
downloadvolpeon.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.scss16
-rw-r--r--assets/css/layouts/_section.scss6
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 }