diff options
Diffstat (limited to 'assets')
| -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 | } |
