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