diff options
| author | Volpeon <git@volpeon.ink> | 2023-01-20 16:48:54 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2023-01-20 16:48:54 +0100 |
| commit | b34545ce5a694a0042f2d1dfbbfad7bfee713c2d (patch) | |
| tree | d0f58f4115dc19e2e02d1e7363c3feb45418a4d1 /src/objects/_icon.scss | |
| parent | Improved heading structure (diff) | |
| download | iro-design-b34545ce5a694a0042f2d1dfbbfad7bfee713c2d.tar.gz iro-design-b34545ce5a694a0042f2d1dfbbfad7bfee713c2d.tar.bz2 iro-design-b34545ce5a694a0042f2d1dfbbfad7bfee713c2d.zip | |
Fixed flaws
Diffstat (limited to 'src/objects/_icon.scss')
| -rw-r--r-- | src/objects/_icon.scss | 14 |
1 files changed, 11 insertions, 3 deletions
diff --git a/src/objects/_icon.scss b/src/objects/_icon.scss index e613ec2..12baeba 100644 --- a/src/objects/_icon.scss +++ b/src/objects/_icon.scss | |||
| @@ -1,11 +1,19 @@ | |||
| 1 | @use 'iro-sass/src/index' as iro; | 1 | @use 'iro-sass/src/index' as iro; |
| 2 | @use '../functions' as fn; | ||
| 2 | 3 | ||
| 3 | @include iro.props-namespace('icon') { | 4 | @include iro.props-namespace('icon') { |
| 5 | @include iro.props-store(( | ||
| 6 | --dims: ( | ||
| 7 | --stroke: 1.5px, | ||
| 8 | --size: calc(1 / 14 * 16em), | ||
| 9 | ) | ||
| 10 | ), 'dims'); | ||
| 11 | |||
| 4 | @include iro.bem-object(iro.props-namespace()) { | 12 | @include iro.bem-object(iro.props-namespace()) { |
| 5 | display: inline-block; | 13 | display: inline-block; |
| 6 | width: 1em; | 14 | width: fn.dim(--size); |
| 7 | height: 1em; | 15 | height: fn.dim(--size); |
| 8 | stroke-width: var(--icon-stroke-width, 1.5px); | 16 | stroke-width: fn.dim(--stroke); |
| 9 | stroke-linecap: round; | 17 | stroke-linecap: round; |
| 10 | stroke-linejoin: round; | 18 | stroke-linejoin: round; |
| 11 | vertical-align: -.12em; | 19 | vertical-align: -.12em; |
