diff options
author | Volpeon <git@volpeon.ink> | 2022-02-05 18:32:31 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-02-05 18:32:31 +0100 |
commit | 1cb77f7c4cb27e40e368656b6536bb208d96aef9 (patch) | |
tree | f2e21f92a50c78895473d998811488fdb96cfec3 /src/objects/_icon.scss | |
parent | Added button (diff) | |
download | iro-design-1cb77f7c4cb27e40e368656b6536bb208d96aef9.tar.gz iro-design-1cb77f7c4cb27e40e368656b6536bb208d96aef9.tar.bz2 iro-design-1cb77f7c4cb27e40e368656b6536bb208d96aef9.zip |
Added text field
Diffstat (limited to 'src/objects/_icon.scss')
-rw-r--r-- | src/objects/_icon.scss | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/src/objects/_icon.scss b/src/objects/_icon.scss new file mode 100644 index 0000000..b9e3c0d --- /dev/null +++ b/src/objects/_icon.scss | |||
@@ -0,0 +1,40 @@ | |||
1 | @use 'iro-sass/src/index' as iro; | ||
2 | |||
3 | @include iro.props-namespace('icon') { | ||
4 | @include iro.bem-object(iro.props-namespace()) { | ||
5 | display: inline-block; | ||
6 | width: 1em; | ||
7 | height: 1em; | ||
8 | stroke-width: var(--icon-stroke-width, 1.5px); | ||
9 | stroke-linecap: round; | ||
10 | stroke-linejoin: round; | ||
11 | vertical-align: -.1em; | ||
12 | |||
13 | @include iro.bem-modifier('block') { | ||
14 | display: block; | ||
15 | } | ||
16 | } | ||
17 | |||
18 | @keyframes rotate { | ||
19 | 100% { | ||
20 | transform: rotate(360deg); | ||
21 | } | ||
22 | } | ||
23 | |||
24 | @keyframes dash { | ||
25 | 0% { | ||
26 | stroke-dasharray: 1, 200; | ||
27 | stroke-dashoffset: 0; | ||
28 | } | ||
29 | |||
30 | 50% { | ||
31 | stroke-dasharray: 89, 200; | ||
32 | stroke-dashoffset: -35px; | ||
33 | } | ||
34 | |||
35 | 100% { | ||
36 | stroke-dasharray: 89, 200; | ||
37 | stroke-dashoffset: -124px; | ||
38 | } | ||
39 | } | ||
40 | } | ||