fix: use @cycjimmy/sass-lib@3

cycjimmy · Oct 25, 2024 · 4683716 · 4683716
1 parent 697a356
commit 4683716
Show file tree

Hide file tree

Showing 3 changed files with 57 additions and 46 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@cycjimmy/awesome-js-funcs": "^4.0.9",
-    "@cycjimmy/sass-lib": "^2.3.0"
+    "@cycjimmy/sass-lib": "^3.0.1"
   },
   "devDependencies": {
     "@babel/core": "^7.24.9",
@@ -70,7 +70,7 @@
     "rollup-plugin-browsersync": "^1.3.3",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-postcss": "^4.0.2",
-    "sass": "^1.77.8",
+    "sass": "^1.80.4",
     "trash-cli": "^6.0.0"
   }
 }
diff --git a/src/style/index.scss b/src/style/index.scss
@@ -1,7 +1,8 @@
-@import "~@cycjimmy/sass-lib";
+@use "~@cycjimmy/sass-lib" as *;
+@use "~@cycjimmy/sass-lib" as lib;
 
 .musicControlWrapper {
-  @extend %flexCenter;
+  @extend %flex-center;
   position: fixed;
   z-index: 999;
   max-width: 60px;
@@ -36,7 +37,7 @@
   }
 }
 
-@keyframes reverseRotataZ {
+@keyframes reverseRotateZ {
   from {
     transform: rotateZ(0deg);
   }
@@ -53,12 +54,12 @@
 
 .playIcon {
   @extend %musicControl;
-  @include bg-image-full(url("../images/audioPlay.svg"));
+  @include lib.bg-image-full(url("../images/audioPlay.svg"));
 
-  animation: reverseRotataZ 2s linear infinite;
+  animation: reverseRotateZ 2s linear infinite;
 }
 
 .pauseIcon {
   @extend %musicControl;
-  @include bg-image-full(url("../images/audioPause.svg"));
+  @include lib.bg-image-full(url("../images/audioPause.svg"));
 }