ConnorAtherton / loaders.css

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

/ deprecation warning outside of calc when processing using SASS package #102

Open Waaflee opened 2 years ago

Waaflee commented 2 years 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..dff1fe0 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(calc(-$size / 2));

   > div {
     @include balls();

This issue body was partially generated by patch-package.

danny007in commented 1 year ago

any alternative repo ?