fix(loading): add parentheses in loading/index.less (#1013)

Co-authored-by: liubaihuiGIO <liubaihui@growingio.com>
growingio · May 26, 2021 · 003a71d · 003a71d · vercel · May 26, 2021
1 parent 014cc31
commit 003a71d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/components/loading/Loading.stories.tsx b/src/components/loading/Loading.stories.tsx
@@ -60,7 +60,7 @@ export const Default = Template.bind({});
 Default.args = {
   loading: true,
   titlePosition: 'right',
-  autoCenter: true
+  autoCenter: true,
 };
 
 export const Container = Template.bind({});
@@ -69,10 +69,12 @@ Container.args = {
 };
 
 export const Indicator = Template.bind({});
+
 Indicator.args = {
   indicator: <LoadingOutlined rotating />,
   title: false,
 };
+
 Indicator.story = {
   parameters: {
     design: {
@@ -98,6 +100,7 @@ const DelayTemplate: Story<DelayProps> = (args) => {
     </>
   );
 };
+
 export const Delay = DelayTemplate.bind({});
 Delay.args = {
   delay: 1000,

diff --git a/src/components/loading/style/index.less b/src/components/loading/style/index.less
@@ -10,8 +10,8 @@
 @container-rotate-timing: 1600ms;
 @ring-fill-unfill-rotate-timing: 4800ms;
 @ring-line-count: 4;
-@ring-left-spin: @ring-fill-unfill-rotate-timing / @ring-line-count;
-@ring-right-spin: @ring-fill-unfill-rotate-timing / @ring-line-count;
+@ring-left-spin: (@ring-fill-unfill-rotate-timing / @ring-line-count);
+@ring-right-spin: (@ring-fill-unfill-rotate-timing / @ring-line-count);
 
 @keyframes container-rotate {
   to {