diff options
author | Volpeon <git@volpeon.ink> | 2022-06-11 09:44:04 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-06-11 09:44:04 +0200 |
commit | 575278aba99139635adc3b1f9385befe57102541 (patch) | |
tree | d98a160167610717da37f6340b3884ba4224fe5d /assets/css/objects/_icon.scss | |
parent | Update (diff) | |
download | volpeon.ink-575278aba99139635adc3b1f9385befe57102541.tar.gz volpeon.ink-575278aba99139635adc3b1f9385befe57102541.tar.bz2 volpeon.ink-575278aba99139635adc3b1f9385befe57102541.zip |
Re-implemented design via iro-design
Diffstat (limited to 'assets/css/objects/_icon.scss')
-rw-r--r-- | assets/css/objects/_icon.scss | 33 |
1 files changed, 0 insertions, 33 deletions
diff --git a/assets/css/objects/_icon.scss b/assets/css/objects/_icon.scss deleted file mode 100644 index 15389f5..0000000 --- a/assets/css/objects/_icon.scss +++ /dev/null | |||
@@ -1,33 +0,0 @@ | |||
1 | @include namespace('icon') { | ||
2 | @keyframes fall { | ||
3 | to { | ||
4 | transform: translateY(105vh) rotate(90deg); | ||
5 | } | ||
6 | } | ||
7 | |||
8 | @include object(namespace()) { | ||
9 | display: block; | ||
10 | width: 1em; | ||
11 | height: 1em; | ||
12 | stroke-width: var(--icon-stroke-width, 1.5px); | ||
13 | stroke-linecap: round; | ||
14 | stroke-linejoin: round; | ||
15 | |||
16 | @include modifier('inline') { | ||
17 | display: inline-block; | ||
18 | vertical-align: -.1em; | ||
19 | } | ||
20 | |||
21 | @include modifier('snow') { | ||
22 | position: fixed; | ||
23 | z-index: 1000; | ||
24 | top: -1.2em; | ||
25 | width: 1em; | ||
26 | height: 1em; | ||
27 | animation: fall linear forwards; | ||
28 | stroke-width: 2px; | ||
29 | color: #fff; | ||
30 | pointer-events: none; | ||
31 | } | ||
32 | } | ||
33 | } | ||