fix(less): fix dot-floating variable

nzbin · Dec 2, 2021 · 67f2d38 · 67f2d38
1 parent 61c9a38
commit 67f2d38
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 35 deletions.
diff --git a/less/_dot-floating.less b/less/_dot-floating.less
@@ -37,9 +37,9 @@
 }
 
 @keyframes dot-floating {
-  0% { left: ~"calc(-50% - @{dotWidth}/2)"; }
-  75% { left: ~"calc(50% + @{d-max}*2 + @{dotWidth}/2)"; }
-  100% { left: ~"calc(50% + @{d-max}*2 + @{dotWidth}/2})"; }
+  0% { left: ~"calc(-50% - @{dot-width}/2)"; }
+  75% { left: ~"calc(50% + @{d-max}*2 + @{dot-width}/2)"; }
+  100% { left: ~"calc(50% + @{d-max}*2 + @{dot-width}/2})"; }
 }
 
 @keyframes dot-floating-before {

diff --git a/less/_mixins.less b/less/_mixins.less
@@ -1,8 +1,6 @@
-/**
- * ==============================================
- * Mixins
- * ==============================================
- */
+// ==============================================
+// Mixins
+// ==============================================
 
 .dot(@width: @dot-width, @height: @dot-height, @radius: @dot-radius, @bg-color: @dot-bg-color, @color: @dot-color) {
   background-color: @bg-color;

diff --git a/less/_variables.less b/less/_variables.less
@@ -1,8 +1,6 @@
-/**
- * ==============================================
- * Variables
- * ==============================================
- */
+// ==============================================
+// Variables
+// ==============================================
 
 @dot-width: 10px;
 @dot-height: 10px;

diff --git a/less/three-dots.less b/less/three-dots.less
@@ -1,27 +1,27 @@
 // ------------------------------
 // Three-Dots
 // ------------------------------
-@import "variables";
-@import "mixins";
+@import "./_variables";
+@import "./_mixins";
 // Basic
-@import "dot-elastic";
-@import "dot-pulse";
-@import "dot-flashing";
-@import "dot-collision";
-@import "dot-revolution";
-@import "dot-carousel";
-@import "dot-typing";
-@import "dot-windmill";
-@import "dot-bricks";
-@import "dot-floating";
-@import "dot-fire";
-@import "dot-spin";
-@import "dot-falling";
-@import "dot-stretching";
+@import "./_dot-elastic";
+@import "./_dot-pulse";
+@import "./_dot-flashing";
+@import "./_dot-collision";
+@import "./_dot-revolution";
+@import "./_dot-carousel";
+@import "./_dot-typing";
+@import "./_dot-windmill";
+@import "./_dot-bricks";
+@import "./_dot-floating";
+@import "./_dot-fire";
+@import "./_dot-spin";
+@import "./_dot-falling";
+@import "./_dot-stretching";
 // Experimental
-@import "dot-gathering";
-@import "dot-hourglass";
-@import "dot-overtaking";
-@import "dot-shuttle";
-@import "dot-bouncing";
-@import "dot-rolling";
+@import "./_dot-gathering";
+@import "./_dot-hourglass";
+@import "./_dot-overtaking";
+@import "./_dot-shuttle";
+@import "./_dot-bouncing";
+@import "./_dot-rolling";