From 67f2d38e38468ba22f545b24bb2be818abaf982e Mon Sep 17 00:00:00 2001 From: nzbin Date: Thu, 2 Dec 2021 23:56:56 +0800 Subject: [PATCH] fix(less): fix dot-floating variable --- less/_dot-floating.less | 6 +++--- less/_mixins.less | 8 +++----- less/_variables.less | 8 +++----- less/three-dots.less | 44 ++++++++++++++++++++--------------------- 4 files changed, 31 insertions(+), 35 deletions(-) diff --git a/less/_dot-floating.less b/less/_dot-floating.less index 389f6b3..68dcf69 100644 --- 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 index fa72f87..0bf0b08 100644 --- 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 index ecea246..073d44f 100644 --- 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 index c49be59..4818379 100644 --- 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";