summaryrefslogtreecommitdiffstats
path: root/src/objects/_icon.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2023-01-20 16:48:54 +0100
committerVolpeon <git@volpeon.ink>2023-01-20 16:48:54 +0100
commitb34545ce5a694a0042f2d1dfbbfad7bfee713c2d (patch)
treed0f58f4115dc19e2e02d1e7363c3feb45418a4d1 /src/objects/_icon.scss
parentImproved heading structure (diff)
downloadiro-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.scss14
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;