diff options
author | Volpeon <git@volpeon.ink> | 2021-12-24 09:45:51 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2021-12-24 09:45:51 +0100 |
commit | 2580c5dcb9f1e5e6541f63f8c7e24e5dfc82f078 (patch) | |
tree | d66c67a55e4890b612f7013c6fb288d47b1a2b0a /assets/css/objects | |
parent | Added inverted selection colors where necessary (diff) | |
download | volpeon.ink-2580c5dcb9f1e5e6541f63f8c7e24e5dfc82f078.tar.gz volpeon.ink-2580c5dcb9f1e5e6541f63f8c7e24e5dfc82f078.tar.bz2 volpeon.ink-2580c5dcb9f1e5e6541f63f8c7e24e5dfc82f078.zip |
Add snow effect for Christmas time
Diffstat (limited to 'assets/css/objects')
-rw-r--r-- | assets/css/objects/_icon.scss | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/assets/css/objects/_icon.scss b/assets/css/objects/_icon.scss index cbce5cf..6718c50 100644 --- a/assets/css/objects/_icon.scss +++ b/assets/css/objects/_icon.scss | |||
@@ -1,4 +1,10 @@ | |||
1 | @include namespace('icon') { | 1 | @include namespace('icon') { |
2 | @keyframes fall { | ||
3 | to { | ||
4 | transform: translateY(105vh) rotate(90deg); | ||
5 | } | ||
6 | } | ||
7 | |||
2 | @include object(namespace()) { | 8 | @include object(namespace()) { |
3 | display: block; | 9 | display: block; |
4 | width: 16px; | 10 | width: 16px; |
@@ -11,5 +17,14 @@ | |||
11 | display: inline-block; | 17 | display: inline-block; |
12 | vertical-align: -.1em; | 18 | vertical-align: -.1em; |
13 | } | 19 | } |
20 | |||
21 | @include modifier('snow') { | ||
22 | position: fixed; | ||
23 | z-index: 9999; | ||
24 | top: -20px; | ||
25 | animation: fall linear forwards; | ||
26 | stroke-width: 2px; | ||
27 | color: #fff; | ||
28 | } | ||
14 | } | 29 | } |
15 | } | 30 | } |