From 4526a696c636151e64747773961a55556b52d61a Mon Sep 17 00:00:00 2001
From: Paul Makles <paulmakles@gmail.com>
Date: Sat, 15 Jan 2022 13:49:43 +0000
Subject: [PATCH] chore: get rid of scss warnings for snow

---
 src/pages/home/snow.scss | 41 ++++++++++++++++++++--------------------
 1 file changed, 21 insertions(+), 20 deletions(-)

diff --git a/src/pages/home/snow.scss b/src/pages/home/snow.scss
index 00ed4814..f8a01cf4 100644
--- a/src/pages/home/snow.scss
+++ b/src/pages/home/snow.scss
@@ -3,6 +3,8 @@
 //
 // Source: https://github.com/Artimon/pure-css-snowfall
 
+@use 'sass:math';
+
 $count: 36;
 $screenOffset: 0px;
 $fallDuration: 12;
@@ -45,47 +47,46 @@ $fontSize: 40px;
 
     @while ($count > 0) {
         $left: random(100);
-        $deltaLeft: random(2 * $windNoise * 10) / 10 - $windNoise + $windSpeed;
-        /*$deltaLeft: math.div(random(2 * $windNoise * 10), 10) -
-            $windNoise +
-            $windSpeed;*/
-        $scale: 1 + (random(2 * $sizeNoise * 10) / 10 - $sizeNoise) / 100;
-        /*$scale: 1 +
-            (math.div(random(2 * $sizeNoise * 10), 10) - $sizeNoise) /
-            100;*/
+        $deltaLeft: math.div(
+            random(2 * $windNoise * 10),
+            10 - $windNoise + $windSpeed
+        );
+        $scale: 1 +
+            math.div(
+                math.div(random(2 * $sizeNoise * 10), 10 - $sizeNoise),
+                100
+            );
 
         .snowflake:nth-child(#{$count}) {
             animation: animation-snowflake-#{$count} linear infinite;
             animation-duration: $fallDuration +
-                random($fallDuration * 10) /
-                10 +
+                math.div(random($fallDuration * 10), 10) +
                 s;
-            animation-delay: random(2 * $fallDuration * 10) /
-                10 -
+            animation-delay: math.div(random(2 * $fallDuration * 10), 10) -
                 (2 * $fallDuration) +
                 s;
         }
 
         @keyframes animation-snowflake-#{$count} {
             0% {
-                left: percentage($left / 100);
+                left: percentage(math.div($left, 100));
                 top: calc(0% - #{$screenOffset});
                 transform: scale($scale)
                     rotate3d(
-                        random(100) / 100,
-                        random(100) / 100,
-                        random(100) / 100,
+                        math.div(random(100), 100),
+                        math.div(random(100), 100),
+                        math.div(random(100), 100),
                         0deg
                     );
             }
             100% {
-                left: percentage(($left + $deltaLeft) / 100);
+                left: percentage(math.div(($left + $deltaLeft), 100));
                 top: calc(100% + #{$screenOffset});
                 transform: scale($scale)
                     rotate3d(
-                        random(100) / 100,
-                        random(100) / 100,
-                        random(100) / 100,
+                        math.div(random(100), 100),
+                        math.div(random(100), 100),
+                        math.div(random(100), 100),
                         (random($rotation) + $rotation) *
                             ((random(2) - 1) * 2 - 1) + deg
                     );