summaryrefslogtreecommitdiffstats
path: root/assets/css/layouts/_container.scss
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/layouts/_container.scss')
-rw-r--r--assets/css/layouts/_container.scss19
1 files changed, 14 insertions, 5 deletions
diff --git a/assets/css/layouts/_container.scss b/assets/css/layouts/_container.scss
index 2e102ee..0726950 100644
--- a/assets/css/layouts/_container.scss
+++ b/assets/css/layouts/_container.scss
@@ -1,10 +1,17 @@
1@include namespace('container') { 1@include namespace('container') {
2 @include store(( 2 @include store((
3 --dims: ( 3 --dims: (
4 --pad-x: 3rem,
5 --pad-y: $line-height * 3rem
6 )
7 ));
8
9 @include store((
10 --dims: (
4 --pad-x: 2rem, 11 --pad-x: 2rem,
5 --pad-y: $line-height * 2rem 12 --pad-y: $line-height * 2rem
6 ) 13 )
7 )); 14 ), 'md');
8 15
9 @include store(( 16 @include store((
10 --dims: ( 17 --dims: (
@@ -14,16 +21,18 @@
14 ), 'sm'); 21 ), 'sm');
15 22
16 @include layout(namespace()) { 23 @include layout(namespace()) {
17 padding-right: prop(--dims --pad-x);
18 padding-left: prop(--dims --pad-x);
19
20 @include modifier('content') { 24 @include modifier('content') {
21 max-width: $content--width; 25 max-width: $content--width;
22 margin-right: auto; 26 margin-right: auto;
23 margin-left: auto; 27 margin-left: auto;
24 } 28 }
25 29
26 @include modifier('pad-v') { 30 @include modifier('pad-x') {
31 padding-right: prop(--dims --pad-x);
32 padding-left: prop(--dims --pad-x);
33 }
34
35 @include modifier('pad-y') {
27 padding-top: prop(--dims --pad-y); 36 padding-top: prop(--dims --pad-y);
28 padding-bottom: prop(--dims --pad-y); 37 padding-bottom: prop(--dims --pad-y);
29 } 38 }