Add snow effect for Christmas time

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 @@
 @include namespace('icon') {
+    @keyframes fall {
+        to {
+            transform: translateY(105vh) rotate(90deg);
+        }
+    }
+    
     @include object(namespace()) {
         display:         block;
         width:           16px;
@@ -11,5 +17,14 @@
             display:        inline-block;
             vertical-align: -.1em;
         }
+
+        @include modifier('snow') {
+            position:     fixed;
+            z-index:      9999;
+            top:          -20px;
+            animation:    fall linear forwards;
+            stroke-width: 2px;
+            color:        #fff;
+        }
     }
 }