diff options
author | Volpeon <git@volpeon.ink> | 2022-06-10 22:31:06 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-06-10 22:31:06 +0200 |
commit | 44970e49e7599d08fe33c95364102e4b5728c864 (patch) | |
tree | d0947a2497cbcc36c51184acc61050cbe5c03dac /src | |
parent | Updated headings (diff) | |
download | iro-design-44970e49e7599d08fe33c95364102e4b5728c864.tar.gz iro-design-44970e49e7599d08fe33c95364102e4b5728c864.tar.bz2 iro-design-44970e49e7599d08fe33c95364102e4b5728c864.zip |
Update
Diffstat (limited to 'src')
-rw-r--r-- | src/layouts/_container.scss | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss index 3e3fcac..04a0e9e 100644 --- a/src/layouts/_container.scss +++ b/src/layouts/_container.scss | |||
@@ -6,9 +6,18 @@ | |||
6 | --dims: ( | 6 | --dims: ( |
7 | --width: iro.fn-px-to-rem(700px), | 7 | --width: iro.fn-px-to-rem(700px), |
8 | --width-50: iro.fn-px-to-rem(360px), | 8 | --width-50: iro.fn-px-to-rem(360px), |
9 | --pad-x: fn.global-dim(--size --200), | ||
10 | --pad-y: fn.global-dim(--size --400), | ||
9 | ) | 11 | ) |
10 | ), 'dims'); | 12 | ), 'dims'); |
11 | 13 | ||
14 | @include iro.props-store(( | ||
15 | --dims: ( | ||
16 | --pad-x: fn.global-dim(--size --100), | ||
17 | --pad-y: fn.global-dim(--size --300), | ||
18 | ) | ||
19 | ), 'sm'); | ||
20 | |||
12 | @include iro.bem-layout(iro.props-namespace()) { | 21 | @include iro.bem-layout(iro.props-namespace()) { |
13 | @include iro.bem-modifier('narrow') { | 22 | @include iro.bem-modifier('narrow') { |
14 | max-width: fn.dim(--width); | 23 | max-width: fn.dim(--width); |
@@ -21,5 +30,15 @@ | |||
21 | margin-right: auto; | 30 | margin-right: auto; |
22 | margin-left: auto; | 31 | margin-left: auto; |
23 | } | 32 | } |
33 | |||
34 | @include iro.bem-modifier('pad-x') { | ||
35 | padding-right: fn.dim(--pad-x); | ||
36 | padding-left: fn.dim(--pad-x); | ||
37 | } | ||
38 | |||
39 | @include iro.bem-modifier('pad-y') { | ||
40 | padding-top: fn.dim(--pad-y); | ||
41 | padding-bottom: fn.dim(--pad-y); | ||
42 | } | ||
24 | } | 43 | } |
25 | } | 44 | } |