diff options
Diffstat (limited to 'assets/css/layouts/_container.scss')
-rw-r--r-- | assets/css/layouts/_container.scss | 19 |
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 | } |