ConnorAtherton / loaders.css

Delightful, performance-focused pure css loading animations.
https://connoratherton.com/loaders
10.21k stars 1.22k forks source link

Division "/" operator deprecation warning when processing using SASS package. #101

Closed Waaflee closed 1 year ago

Waaflee commented 1 year ago

Hi! πŸ‘‹

Firstly, thanks for your work on this project! πŸ™‚

Today I used patch-package to patch loaders.css@0.1.2 for the project I'm working on.

Here is the diff that solved my problem:

diff --git a/node_modules/loaders.css/src/animations/ball-scale-multiple.scss b/node_modules/loaders.css/src/animations/ball-scale-multiple.scss
index ecd61fb..763c38f 100644
--- a/node_modules/loaders.css/src/animations/ball-scale-multiple.scss
+++ b/node_modules/loaders.css/src/animations/ball-scale-multiple.scss
@@ -30,7 +30,7 @@ $size: 60px;
   @include ball-scale-multiple();

   position: relative;
-  transform: translateY(-$size / 2);
+  transform: translateY(math.div(-$size / 2));

   > div {
     @include balls();

This issue body was partially generated by patch-package.