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 | |
| 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')
| -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 | } |