fix(loading): expose marigin css variable

varletjs · Dec 17, 2021 · 313d232 · 313d232
1 parent 46aa154
commit 313d232
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/packages/varlet-ui/src/loading/docs/en-US.md b/packages/varlet-ui/src/loading/docs/en-US.md
@@ -89,4 +89,4 @@ Here are the CSS variables used by the component, Styles can be customized using
 | Variable | Default |
 | --- | --- |
 | `--loading-opacity` | `0.38` |
-
+| `--loading-desc-margin` | `8px 0 0` |
diff --git a/packages/varlet-ui/src/loading/docs/zh-CN.md b/packages/varlet-ui/src/loading/docs/zh-CN.md
@@ -89,3 +89,4 @@ export default {
 | 变量名 | 默认值 |
 | --- | --- |
 | `--loading-opacity` | `0.38` |
+| `--loading-desc-margin` | `8px 0 0` |
diff --git a/packages/varlet-ui/src/loading/loading.less b/packages/varlet-ui/src/loading/loading.less
@@ -1,6 +1,7 @@
 @import '../styles/var';
 
 @loading-opacity: 0.38;
+@loading-desc-margin: 8px 0 0;
 @loading-normal-width: 50px;
 @loading-normal-height: @font-size-md + 2;
 
@@ -15,6 +16,7 @@
 
 :root {
   --loading-opacity: @loading-opacity;
+  --loading-desc-margin: @loading-desc-margin;
 }
 
 .var-loading {
@@ -43,7 +45,7 @@
 
   &__description {
     color: currentColor;
-    margin-top: 8px;
+    margin: var(--loading-desc-margin);
 
     &--large {
       font-size: @font-size-lg;