diff options
Diffstat (limited to 'src/layouts/_container.scss')
-rw-r--r-- | src/layouts/_container.scss | 25 |
1 files changed, 11 insertions, 14 deletions
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss index fcc4837..06607a1 100644 --- a/src/layouts/_container.scss +++ b/src/layouts/_container.scss | |||
@@ -7,22 +7,22 @@ | |||
7 | --narrow-125: iro.fn-px-to-rem(720px), | 7 | --narrow-125: iro.fn-px-to-rem(720px), |
8 | --narrow: iro.fn-px-to-rem(610px), | 8 | --narrow: iro.fn-px-to-rem(610px), |
9 | --narrow-75: iro.fn-px-to-rem(500px), | 9 | --narrow-75: iro.fn-px-to-rem(500px), |
10 | --pad-x: fn.global-dim(--size --400), | 10 | --pad-i: fn.global-dim(--size --400), |
11 | --pad-y: fn.global-dim(--size --800), | 11 | --pad-b: fn.global-dim(--size --800), |
12 | ) | 12 | ) |
13 | )); | 13 | )); |
14 | 14 | ||
15 | @include iro.props-store(( | 15 | @include iro.props-store(( |
16 | --dims: ( | 16 | --dims: ( |
17 | --pad-x: fn.global-dim(--size --200), | 17 | --pad-i: fn.global-dim(--size --200), |
18 | --pad-y: fn.global-dim(--size --600), | 18 | --pad-b: fn.global-dim(--size --600), |
19 | ) | 19 | ) |
20 | ), 'sm'); | 20 | ), 'sm'); |
21 | 21 | ||
22 | @include iro.props-store(( | 22 | @include iro.props-store(( |
23 | --dims: ( | 23 | --dims: ( |
24 | --pad-x: fn.global-dim(--size --150), | 24 | --pad-i: fn.global-dim(--size --150), |
25 | --pad-y: fn.global-dim(--size --450), | 25 | --pad-b: fn.global-dim(--size --450), |
26 | ) | 26 | ) |
27 | ), 'xs'); | 27 | ), 'xs'); |
28 | 28 | ||
@@ -30,19 +30,16 @@ | |||
30 | @each $size in 'narrow-125' 'narrow' 'narrow-75' { | 30 | @each $size in 'narrow-125' 'narrow' 'narrow-75' { |
31 | @include iro.bem-modifier($size) { | 31 | @include iro.bem-modifier($size) { |
32 | max-inline-size: fn.dim(--#{$size}); | 32 | max-inline-size: fn.dim(--#{$size}); |
33 | margin-right: auto; | 33 | margin-inline: auto; |
34 | margin-left: auto; | ||
35 | } | 34 | } |
36 | } | 35 | } |
37 | 36 | ||
38 | @include iro.bem-modifier('pad-x') { | 37 | @include iro.bem-modifier('pad-i') { |
39 | padding-right: fn.dim(--pad-x); | 38 | margin-inline: fn.dim(--pad-i); |
40 | padding-left: fn.dim(--pad-x); | ||
41 | } | 39 | } |
42 | 40 | ||
43 | @include iro.bem-modifier('pad-y') { | 41 | @include iro.bem-modifier('pad-b') { |
44 | padding-top: fn.dim(--pad-y); | 42 | padding-block: fn.dim(--pad-b); |
45 | padding-bottom: fn.dim(--pad-y); | ||
46 | } | 43 | } |
47 | } | 44 | } |
48 | } | 45 | } |