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 | |
| parent | Updated headings (diff) | |
| download | iro-design-44970e49e7599d08fe33c95364102e4b5728c864.tar.gz iro-design-44970e49e7599d08fe33c95364102e4b5728c864.tar.bz2 iro-design-44970e49e7599d08fe33c95364102e4b5728c864.zip | |
Update
| -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 | } |
