@nutui/nutui-react-taro 3.0.16 → 3.0.17

package/dist/cjs/packages/animatingnumbers/style/style.harmony.css

@@ -4,42 +4,42 @@
 /* #endif */
 .nut-countup-list {
   display: inline-flex;
-  height: 32px;
+  height: var(--nutui-countup-height, 32px);
   overflow: hidden;
   direction: ltr;
 }
 .nut-countup-listitem {
-  height: 32px;
+  height: var(--nutui-countup-height, 32px);
   overflow: hidden;
   user-select: none;
   -webkit-tap-highlight-color: transparent;
 }
 .nut-countup-listitem-number {
-  margin: 0 0;
-  border-radius: 4px;
-  color: #1a1a1a;
-  background-color: inherit;
+  margin: 0 var(--nutui-countup-lr-margin, 0);
+  border-radius: var(--nutui-countup-border-radius, 4px);
+  color: var(--nutui-countup-color, var(--nutui-color-title, #1a1a1a));
+  background-color: var(--nutui-countup-bg-color, inherit);
 }
 .nut-countup-separator {
   display: flex;
   height: 80%;
   align-items: flex-end;
-  color: #1a1a1a;
-  font-size: 18px;
-  font-weight: 600;
+  color: var(--nutui-countup-separator-color, var(--nutui-color-title, #1a1a1a));
+  font-size: var(--nutui-countup-base-size, 18px);
+  font-weight: var(--nutui-font-weight-bold, 600);
 }
 .nut-countup-number {
   display: flex;
   flex-direction: column;
   align-items: center;
-  width: auto;
+  width: var(--nutui-countup-width, auto);
   transition: transform 1s ease-in-out;
   transform: translate(0, 0);
 }
 .nut-countup-number-text {
-  height: 32px;
-  line-height: 32px;
-  color: #1a1a1a;
-  font-size: 18px;
-  font-weight: 600;
+  height: var(--nutui-countup-height, 32px);
+  line-height: var(--nutui-countup-height, 32px);
+  color: var(--nutui-countup-color, var(--nutui-color-title, #1a1a1a));
+  font-size: var(--nutui-countup-base-size, 18px);
+  font-weight: var(--nutui-font-weight-bold, 600);
 }