diff options
| author | Volpeon <git@volpeon.ink> | 2022-06-17 10:20:33 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2022-06-17 10:20:33 +0200 |
| commit | c302ac739a82f4e8e650bf5cb468e9a2e5e24084 (patch) | |
| tree | 40ef8d43ce047935f87bb168c75c9ad4360d051a | |
| parent | Update (diff) | |
| download | iro-design-c302ac739a82f4e8e650bf5cb468e9a2e5e24084.tar.gz iro-design-c302ac739a82f4e8e650bf5cb468e9a2e5e24084.tar.bz2 iro-design-c302ac739a82f4e8e650bf5cb468e9a2e5e24084.zip | |
Update
| -rw-r--r-- | src/_declare-vars.scss | 4 | ||||
| -rw-r--r-- | src/objects/_alert.scss | 9 |
2 files changed, 13 insertions, 0 deletions
diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss index aa27aec..ba5ce0c 100644 --- a/src/_declare-vars.scss +++ b/src/_declare-vars.scss | |||
| @@ -113,6 +113,10 @@ | |||
| 113 | 113 | ||
| 114 | @include iro.props-store(( | 114 | @include iro.props-store(( |
| 115 | --dims: ( | 115 | --dims: ( |
| 116 | --heading: ( | ||
| 117 | --margin-top: fn.dim(--size --400, null), | ||
| 118 | ), | ||
| 119 | |||
| 116 | --list: ( | 120 | --list: ( |
| 117 | --indent: fn.dim(--size --300), | 121 | --indent: fn.dim(--size --300), |
| 118 | ), | 122 | ), |
diff --git a/src/objects/_alert.scss b/src/objects/_alert.scss index 59efc26..31a1605 100644 --- a/src/objects/_alert.scss +++ b/src/objects/_alert.scss | |||
| @@ -22,6 +22,15 @@ | |||
| 22 | ), | 22 | ), |
| 23 | ), 'colors'); | 23 | ), 'colors'); |
| 24 | 24 | ||
| 25 | @include iro.props-store(( | ||
| 26 | --dims: ( | ||
| 27 | --border: 2px, | ||
| 28 | --pad-x: fn.global-dim(--size --200), | ||
| 29 | --pad-y: fn.global-dim(--size --150), | ||
| 30 | --rounding: 4px, | ||
| 31 | ), | ||
| 32 | ), 'sm'); | ||
| 33 | |||
| 25 | @include iro.bem-object(iro.props-namespace()) { | 34 | @include iro.bem-object(iro.props-namespace()) { |
| 26 | padding: fn.dim(--pad-y) fn.dim(--pad-x); | 35 | padding: fn.dim(--pad-y) fn.dim(--pad-x); |
| 27 | border: fn.dim(--border) solid fn.color(--border); | 36 | border: fn.dim(--border) solid fn.color(--border); |
