@nutui/nutui-react-taro 3.0.19-cpp.1 → 3.0.19-cpp.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (255) hide show
  1. package/dist/cjs/packages/actionsheet/style/style.harmony.css +2 -2
  2. package/dist/cjs/packages/address/style/style.harmony.css +9 -3
  3. package/dist/cjs/packages/audio/style/style.harmony.css +8 -5
  4. package/dist/cjs/packages/badge/style/badge.scss +1 -1
  5. package/dist/cjs/packages/badge/style/style.css +1 -1
  6. package/dist/cjs/packages/badge/style/style.harmony.css +1 -1
  7. package/dist/cjs/packages/badge/style-jmapp/badge.scss +1 -1
  8. package/dist/cjs/packages/badge/style-jmapp/style.css +1 -1
  9. package/dist/cjs/packages/badge/style-jrkf/badge.scss +1 -1
  10. package/dist/cjs/packages/badge/style-jrkf/style.css +1 -1
  11. package/dist/cjs/packages/button/style/button.scss +3 -0
  12. package/dist/cjs/packages/button/style/style.css +8 -5
  13. package/dist/cjs/packages/button/style/style.harmony.css +8 -5
  14. package/dist/cjs/packages/button/style-jmapp/button.scss +3 -0
  15. package/dist/cjs/packages/button/style-jmapp/style.css +3 -0
  16. package/dist/cjs/packages/button/style-jrkf/button.scss +3 -0
  17. package/dist/cjs/packages/button/style-jrkf/style.css +3 -0
  18. package/dist/cjs/packages/calendar/style/style.css +2 -2
  19. package/dist/cjs/packages/calendar/style/style.harmony.css +4 -4
  20. package/dist/cjs/packages/calendarcard/style/style.css +1 -1
  21. package/dist/cjs/packages/calendarcard/style/style.harmony.css +1 -1
  22. package/dist/cjs/packages/card/style/style.harmony.css +4 -4
  23. package/dist/cjs/packages/cascader/style/cascader.scss +2 -0
  24. package/dist/cjs/packages/cascader/style/style.css +2 -0
  25. package/dist/cjs/packages/cascader/style/style.harmony.css +9 -3
  26. package/dist/cjs/packages/cascader/style-jmapp/cascader.scss +2 -0
  27. package/dist/cjs/packages/cascader/style-jmapp/style.css +2 -0
  28. package/dist/cjs/packages/cascader/style-jrkf/cascader.scss +2 -0
  29. package/dist/cjs/packages/cascader/style-jrkf/style.css +2 -0
  30. package/dist/cjs/packages/checkbox/checkbox.js +1 -1
  31. package/dist/cjs/packages/checkbox/style/style.css +1 -1
  32. package/dist/cjs/packages/checkbox/style/style.harmony.css +1 -1
  33. package/dist/cjs/packages/circleprogress/style/style.css +1 -1
  34. package/dist/cjs/packages/circleprogress/style/style.harmony.css +1 -1
  35. package/dist/cjs/packages/col/col.js +16 -11
  36. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  37. package/dist/cjs/packages/countdown/style/countdown.scss +1 -1
  38. package/dist/cjs/packages/countdown/style/style.css +1 -1
  39. package/dist/cjs/packages/countdown/style/style.harmony.css +1 -1
  40. package/dist/cjs/packages/countdown/style-jmapp/countdown.scss +1 -1
  41. package/dist/cjs/packages/countdown/style-jmapp/style.css +1 -1
  42. package/dist/cjs/packages/countdown/style-jrkf/countdown.scss +1 -1
  43. package/dist/cjs/packages/countdown/style-jrkf/style.css +1 -1
  44. package/dist/cjs/packages/datepicker/style/style.harmony.css +4 -4
  45. package/dist/cjs/packages/dialog/style/dialog.scss +8 -2
  46. package/dist/cjs/packages/dialog/style/style.css +11 -5
  47. package/dist/cjs/packages/dialog/style/style.harmony.css +19 -10
  48. package/dist/cjs/packages/dialog/style-jmapp/dialog.scss +8 -2
  49. package/dist/cjs/packages/dialog/style-jmapp/style.css +8 -2
  50. package/dist/cjs/packages/dialog/style-jrkf/dialog.scss +8 -2
  51. package/dist/cjs/packages/dialog/style-jrkf/style.css +8 -2
  52. package/dist/cjs/packages/empty/style/style.css +2 -2
  53. package/dist/cjs/packages/empty/style/style.harmony.css +10 -7
  54. package/dist/cjs/packages/fixednav/style/style.harmony.css +1 -1
  55. package/dist/cjs/packages/imagepreview/style/style.harmony.css +2 -2
  56. package/dist/cjs/packages/input/style/input.scss +0 -1
  57. package/dist/cjs/packages/input/style/style.css +0 -1
  58. package/dist/cjs/packages/input/style/style.harmony.css +0 -1
  59. package/dist/cjs/packages/input/style-jmapp/input.scss +0 -1
  60. package/dist/cjs/packages/input/style-jmapp/style.css +0 -1
  61. package/dist/cjs/packages/input/style-jrkf/input.scss +0 -1
  62. package/dist/cjs/packages/input/style-jrkf/style.css +0 -1
  63. package/dist/cjs/packages/noticebar/noticebar.js +82 -76
  64. package/dist/cjs/packages/noticebar/style/noticebar.scss +4 -0
  65. package/dist/cjs/packages/noticebar/style/style.css +4 -0
  66. package/dist/cjs/packages/noticebar/style/style.harmony.css +4 -0
  67. package/dist/cjs/packages/noticebar/style-jmapp/noticebar.scss +4 -0
  68. package/dist/cjs/packages/noticebar/style-jmapp/style.css +4 -0
  69. package/dist/cjs/packages/noticebar/style-jrkf/noticebar.scss +4 -0
  70. package/dist/cjs/packages/noticebar/style-jrkf/style.css +4 -0
  71. package/dist/cjs/packages/numberkeyboard/style/style.css +3 -3
  72. package/dist/cjs/packages/numberkeyboard/style/style.harmony.css +5 -5
  73. package/dist/cjs/packages/picker/style/style.css +2 -2
  74. package/dist/cjs/packages/picker/style/style.harmony.css +4 -4
  75. package/dist/cjs/packages/popover/style/style.harmony.css +2 -2
  76. package/dist/cjs/packages/popup/style/style.css +2 -2
  77. package/dist/cjs/packages/popup/style/style.harmony.css +2 -2
  78. package/dist/cjs/packages/price/style/price.scss +3 -3
  79. package/dist/cjs/packages/price/style/style.css +4 -4
  80. package/dist/cjs/packages/price/style/style.harmony.css +4 -4
  81. package/dist/cjs/packages/price/style-jmapp/price.scss +3 -3
  82. package/dist/cjs/packages/price/style-jmapp/style.css +3 -3
  83. package/dist/cjs/packages/price/style-jrkf/price.scss +3 -3
  84. package/dist/cjs/packages/price/style-jrkf/style.css +3 -3
  85. package/dist/cjs/packages/radio/style/style.css +1 -1
  86. package/dist/cjs/packages/radio/style/style.harmony.css +1 -1
  87. package/dist/cjs/packages/rate/style/rate.scss +1 -1
  88. package/dist/cjs/packages/rate/style/style.css +1 -1
  89. package/dist/cjs/packages/rate/style/style.harmony.css +1 -1
  90. package/dist/cjs/packages/rate/style-jmapp/rate.scss +1 -1
  91. package/dist/cjs/packages/rate/style-jmapp/style.css +1 -1
  92. package/dist/cjs/packages/rate/style-jrkf/rate.scss +1 -1
  93. package/dist/cjs/packages/rate/style-jrkf/style.css +1 -1
  94. package/dist/cjs/packages/resultpage/style/style.harmony.css +8 -5
  95. package/dist/cjs/packages/shortpassword/style/style.css +1 -1
  96. package/dist/cjs/packages/shortpassword/style/style.harmony.css +3 -3
  97. package/dist/cjs/packages/sidebar/style/style.css +1 -1
  98. package/dist/cjs/packages/sidebar/style/style.harmony.css +1 -1
  99. package/dist/cjs/packages/steps/style/style.css +1 -1
  100. package/dist/cjs/packages/steps/style/style.harmony.css +1 -1
  101. package/dist/cjs/packages/tabbar/style/style.harmony.css +3 -3
  102. package/dist/cjs/packages/tabbaritem/style/style.css +2 -2
  103. package/dist/cjs/packages/tabbaritem/style/style.harmony.css +3 -3
  104. package/dist/cjs/packages/tabs/style/style.css +5 -1
  105. package/dist/cjs/packages/tabs/style/style.harmony.css +5 -1
  106. package/dist/cjs/packages/tabs/style/tabs.scss +4 -0
  107. package/dist/cjs/packages/tabs/style-jmapp/style.css +4 -0
  108. package/dist/cjs/packages/tabs/style-jmapp/tabs.scss +4 -0
  109. package/dist/cjs/packages/tabs/style-jrkf/style.css +4 -0
  110. package/dist/cjs/packages/tabs/style-jrkf/tabs.scss +4 -0
  111. package/dist/cjs/packages/timeselect/style/style.harmony.css +2 -2
  112. package/dist/cjs/packages/toast/style/style.css +7 -1
  113. package/dist/cjs/packages/toast/style/style.harmony.css +7 -1
  114. package/dist/cjs/packages/toast/style/toast.scss +6 -0
  115. package/dist/cjs/packages/toast/style-jmapp/style.css +6 -0
  116. package/dist/cjs/packages/toast/style-jmapp/toast.scss +6 -0
  117. package/dist/cjs/packages/toast/style-jrkf/style.css +6 -0
  118. package/dist/cjs/packages/toast/style-jrkf/toast.scss +6 -0
  119. package/dist/cjs/packages/toast/toast.js +1 -1
  120. package/dist/cjs/packages/tour/style/style.harmony.css +2 -2
  121. package/dist/es/packages/actionsheet/style/style.harmony.css +2 -2
  122. package/dist/es/packages/address/style/style.harmony.css +9 -3
  123. package/dist/es/packages/audio/style/style.harmony.css +8 -5
  124. package/dist/es/packages/badge/style/badge.scss +1 -1
  125. package/dist/es/packages/badge/style/style.css +1 -1
  126. package/dist/es/packages/badge/style/style.harmony.css +1 -1
  127. package/dist/es/packages/badge/style-jmapp/badge.scss +1 -1
  128. package/dist/es/packages/badge/style-jmapp/style.css +1 -1
  129. package/dist/es/packages/badge/style-jrkf/badge.scss +1 -1
  130. package/dist/es/packages/badge/style-jrkf/style.css +1 -1
  131. package/dist/es/packages/button/style/button.scss +3 -0
  132. package/dist/es/packages/button/style/style.css +8 -5
  133. package/dist/es/packages/button/style/style.harmony.css +8 -5
  134. package/dist/es/packages/button/style-jmapp/button.scss +3 -0
  135. package/dist/es/packages/button/style-jmapp/style.css +3 -0
  136. package/dist/es/packages/button/style-jrkf/button.scss +3 -0
  137. package/dist/es/packages/button/style-jrkf/style.css +3 -0
  138. package/dist/es/packages/calendar/style/style.css +2 -2
  139. package/dist/es/packages/calendar/style/style.harmony.css +4 -4
  140. package/dist/es/packages/calendarcard/style/style.css +1 -1
  141. package/dist/es/packages/calendarcard/style/style.harmony.css +1 -1
  142. package/dist/es/packages/card/style/style.harmony.css +4 -4
  143. package/dist/es/packages/cascader/style/cascader.scss +2 -0
  144. package/dist/es/packages/cascader/style/style.css +2 -0
  145. package/dist/es/packages/cascader/style/style.harmony.css +9 -3
  146. package/dist/es/packages/cascader/style-jmapp/cascader.scss +2 -0
  147. package/dist/es/packages/cascader/style-jmapp/style.css +2 -0
  148. package/dist/es/packages/cascader/style-jrkf/cascader.scss +2 -0
  149. package/dist/es/packages/cascader/style-jrkf/style.css +2 -0
  150. package/dist/es/packages/checkbox/checkbox.js +1 -1
  151. package/dist/es/packages/checkbox/style/style.css +1 -1
  152. package/dist/es/packages/checkbox/style/style.harmony.css +1 -1
  153. package/dist/es/packages/circleprogress/style/style.css +1 -1
  154. package/dist/es/packages/circleprogress/style/style.harmony.css +1 -1
  155. package/dist/es/packages/col/col.js +17 -12
  156. package/dist/es/packages/configprovider/types.d.ts +1 -1
  157. package/dist/es/packages/countdown/style/countdown.scss +1 -1
  158. package/dist/es/packages/countdown/style/style.css +1 -1
  159. package/dist/es/packages/countdown/style/style.harmony.css +1 -1
  160. package/dist/es/packages/countdown/style-jmapp/countdown.scss +1 -1
  161. package/dist/es/packages/countdown/style-jmapp/style.css +1 -1
  162. package/dist/es/packages/countdown/style-jrkf/countdown.scss +1 -1
  163. package/dist/es/packages/countdown/style-jrkf/style.css +1 -1
  164. package/dist/es/packages/datepicker/style/style.harmony.css +4 -4
  165. package/dist/es/packages/dialog/style/dialog.scss +8 -2
  166. package/dist/es/packages/dialog/style/style.css +11 -5
  167. package/dist/es/packages/dialog/style/style.harmony.css +19 -10
  168. package/dist/es/packages/dialog/style-jmapp/dialog.scss +8 -2
  169. package/dist/es/packages/dialog/style-jmapp/style.css +8 -2
  170. package/dist/es/packages/dialog/style-jrkf/dialog.scss +8 -2
  171. package/dist/es/packages/dialog/style-jrkf/style.css +8 -2
  172. package/dist/es/packages/empty/style/style.css +2 -2
  173. package/dist/es/packages/empty/style/style.harmony.css +10 -7
  174. package/dist/es/packages/fixednav/style/style.harmony.css +1 -1
  175. package/dist/es/packages/imagepreview/style/style.harmony.css +2 -2
  176. package/dist/es/packages/input/style/input.scss +0 -1
  177. package/dist/es/packages/input/style/style.css +0 -1
  178. package/dist/es/packages/input/style/style.harmony.css +0 -1
  179. package/dist/es/packages/input/style-jmapp/input.scss +0 -1
  180. package/dist/es/packages/input/style-jmapp/style.css +0 -1
  181. package/dist/es/packages/input/style-jrkf/input.scss +0 -1
  182. package/dist/es/packages/input/style-jrkf/style.css +0 -1
  183. package/dist/es/packages/noticebar/noticebar.js +114 -112
  184. package/dist/es/packages/noticebar/style/noticebar.scss +4 -0
  185. package/dist/es/packages/noticebar/style/style.css +4 -0
  186. package/dist/es/packages/noticebar/style/style.harmony.css +4 -0
  187. package/dist/es/packages/noticebar/style-jmapp/noticebar.scss +4 -0
  188. package/dist/es/packages/noticebar/style-jmapp/style.css +4 -0
  189. package/dist/es/packages/noticebar/style-jrkf/noticebar.scss +4 -0
  190. package/dist/es/packages/noticebar/style-jrkf/style.css +4 -0
  191. package/dist/es/packages/numberkeyboard/style/style.css +3 -3
  192. package/dist/es/packages/numberkeyboard/style/style.harmony.css +5 -5
  193. package/dist/es/packages/picker/style/style.css +2 -2
  194. package/dist/es/packages/picker/style/style.harmony.css +4 -4
  195. package/dist/es/packages/popover/style/style.harmony.css +2 -2
  196. package/dist/es/packages/popup/style/style.css +2 -2
  197. package/dist/es/packages/popup/style/style.harmony.css +2 -2
  198. package/dist/es/packages/price/style/price.scss +3 -3
  199. package/dist/es/packages/price/style/style.css +4 -4
  200. package/dist/es/packages/price/style/style.harmony.css +4 -4
  201. package/dist/es/packages/price/style-jmapp/price.scss +3 -3
  202. package/dist/es/packages/price/style-jmapp/style.css +3 -3
  203. package/dist/es/packages/price/style-jrkf/price.scss +3 -3
  204. package/dist/es/packages/price/style-jrkf/style.css +3 -3
  205. package/dist/es/packages/radio/style/style.css +1 -1
  206. package/dist/es/packages/radio/style/style.harmony.css +1 -1
  207. package/dist/es/packages/rate/style/rate.scss +1 -1
  208. package/dist/es/packages/rate/style/style.css +1 -1
  209. package/dist/es/packages/rate/style/style.harmony.css +1 -1
  210. package/dist/es/packages/rate/style-jmapp/rate.scss +1 -1
  211. package/dist/es/packages/rate/style-jmapp/style.css +1 -1
  212. package/dist/es/packages/rate/style-jrkf/rate.scss +1 -1
  213. package/dist/es/packages/rate/style-jrkf/style.css +1 -1
  214. package/dist/es/packages/resultpage/style/style.harmony.css +8 -5
  215. package/dist/es/packages/shortpassword/style/style.css +1 -1
  216. package/dist/es/packages/shortpassword/style/style.harmony.css +3 -3
  217. package/dist/es/packages/sidebar/style/style.css +1 -1
  218. package/dist/es/packages/sidebar/style/style.harmony.css +1 -1
  219. package/dist/es/packages/steps/style/style.css +1 -1
  220. package/dist/es/packages/steps/style/style.harmony.css +1 -1
  221. package/dist/es/packages/tabbar/style/style.harmony.css +3 -3
  222. package/dist/es/packages/tabbaritem/style/style.css +2 -2
  223. package/dist/es/packages/tabbaritem/style/style.harmony.css +3 -3
  224. package/dist/es/packages/tabs/style/style.css +5 -1
  225. package/dist/es/packages/tabs/style/style.harmony.css +5 -1
  226. package/dist/es/packages/tabs/style/tabs.scss +4 -0
  227. package/dist/es/packages/tabs/style-jmapp/style.css +4 -0
  228. package/dist/es/packages/tabs/style-jmapp/tabs.scss +4 -0
  229. package/dist/es/packages/tabs/style-jrkf/style.css +4 -0
  230. package/dist/es/packages/tabs/style-jrkf/tabs.scss +4 -0
  231. package/dist/es/packages/timeselect/style/style.harmony.css +2 -2
  232. package/dist/es/packages/toast/style/style.css +7 -1
  233. package/dist/es/packages/toast/style/style.harmony.css +7 -1
  234. package/dist/es/packages/toast/style/toast.scss +6 -0
  235. package/dist/es/packages/toast/style-jmapp/style.css +6 -0
  236. package/dist/es/packages/toast/style-jmapp/toast.scss +6 -0
  237. package/dist/es/packages/toast/style-jrkf/style.css +6 -0
  238. package/dist/es/packages/toast/style-jrkf/toast.scss +6 -0
  239. package/dist/es/packages/toast/toast.js +1 -1
  240. package/dist/es/packages/tour/style/style.harmony.css +2 -2
  241. package/dist/nutui.react.umd.js +100 -94
  242. package/dist/style-jmapp.css +1 -1
  243. package/dist/style-jmapp.scss +32 -32
  244. package/dist/style-jrkf.css +1 -1
  245. package/dist/style-jrkf.scss +23 -23
  246. package/dist/style.css +1 -1
  247. package/dist/style.scss +31 -31
  248. package/dist/styles/jd-font.scss +4 -4
  249. package/dist/styles/theme-default.scss +4 -1
  250. package/dist/styles/themes/dark.css +1 -1
  251. package/dist/styles/themes/default.css +1 -1
  252. package/dist/styles/variables-jmapp.scss +9 -0
  253. package/dist/styles/variables-jrkf.scss +9 -0
  254. package/dist/styles/variables.scss +20 -10
  255. package/package.json +1 -1
@@ -83,8 +83,8 @@
83
83
  .nut-popup-title-title {
84
84
  color: var(--nutui-color-title, #1a1a1a);
85
85
  font-weight: var(--nutui-font-weight-bold, 600);
86
- font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
87
- line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
86
+ font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
87
+ line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
88
88
  }
89
89
  .nut-popup-title-description {
90
90
  color: var(--nutui-color-text, #505259);
@@ -9,7 +9,7 @@
9
9
  &-integer,
10
10
  &-decimal {
11
11
  color: $price-color;
12
- font-family: 'JD';
12
+ font-family: 'JDZH-Bold';
13
13
  line-height: 1;
14
14
  }
15
15
 
@@ -18,7 +18,7 @@
18
18
  &-symbol,
19
19
  &-integer,
20
20
  &-decimal {
21
- font-family: 'JD-Bold';
21
+ font-family: 'JDZH-Bold';
22
22
  color: $price-darkgray-color;
23
23
  }
24
24
  }
@@ -29,7 +29,7 @@
29
29
  &-symbol,
30
30
  &-integer,
31
31
  &-decimal {
32
- font-family: 'JD-Bold';
32
+ font-family: 'JDZH-Bold';
33
33
  color: $price-primary-color;
34
34
  }
35
35
  }
@@ -4,22 +4,22 @@
4
4
  /* #endif */
5
5
  .nut-price {
6
6
  direction: ltr;
7
- font-size: var(--nutui-font-size-l, 16px);
7
+ font-size: var(--nutui-font-size-l, 15px);
8
8
  display: flex;
9
9
  flex-direction: row;
10
10
  align-items: baseline;
11
11
  }
12
12
  .nut-price-symbol, .nut-price-integer, .nut-price-decimal {
13
13
  color: var(--nutui-price-color, var(--nutui-color-text-help));
14
- font-family: "JD";
14
+ font-family: "JDZH-Bold";
15
15
  line-height: 1;
16
16
  }
17
17
  .nut-price-darkgray .nut-price-symbol, .nut-price-darkgray .nut-price-integer, .nut-price-darkgray .nut-price-decimal {
18
- font-family: "JD-Bold";
18
+ font-family: "JDZH-Bold";
19
19
  color: var(--nutui-price-darkgray-color, var(--nutui-gray-7));
20
20
  }
21
21
  .nut-price-primary .nut-price-symbol, .nut-price-primary .nut-price-integer, .nut-price-primary .nut-price-decimal {
22
- font-family: "JD-Bold";
22
+ font-family: "JDZH-Bold";
23
23
  color: var(--nutui-price-color, var(--nutui-color-primary, #ff0f23));
24
24
  }
25
25
  .nut-price-symbol {
@@ -4,22 +4,22 @@
4
4
  /* #endif */
5
5
  .nut-price {
6
6
  direction: ltr;
7
- font-size: var(--nutui-font-size-l, 16px);
7
+ font-size: var(--nutui-font-size-l, 15px);
8
8
  display: flex;
9
9
  flex-direction: row;
10
10
  align-items: baseline;
11
11
  }
12
12
  .nut-price-symbol, .nut-price-integer, .nut-price-decimal {
13
13
  color: var(--nutui-price-color, var(--nutui-color-text-help));
14
- font-family: "JD";
14
+ font-family: "JDZH-Bold";
15
15
  line-height: 1;
16
16
  }
17
17
  .nut-price-darkgray .nut-price-symbol, .nut-price-darkgray .nut-price-integer, .nut-price-darkgray .nut-price-decimal {
18
- font-family: "JD-Bold";
18
+ font-family: "JDZH-Bold";
19
19
  color: var(--nutui-price-darkgray-color, var(--nutui-gray-7));
20
20
  }
21
21
  .nut-price-primary .nut-price-symbol, .nut-price-primary .nut-price-integer, .nut-price-primary .nut-price-decimal {
22
- font-family: "JD-Bold";
22
+ font-family: "JDZH-Bold";
23
23
  color: var(--nutui-price-color, var(--nutui-color-primary, #ff0f23));
24
24
  }
25
25
  .nut-price-symbol {
@@ -9,7 +9,7 @@
9
9
  &-integer,
10
10
  &-decimal {
11
11
  color: $price-color;
12
- font-family: 'JD';
12
+ font-family: 'JDZH-Bold';
13
13
  line-height: 1;
14
14
  }
15
15
 
@@ -18,7 +18,7 @@
18
18
  &-symbol,
19
19
  &-integer,
20
20
  &-decimal {
21
- font-family: 'JD-Bold';
21
+ font-family: 'JDZH-Bold';
22
22
  color: $price-darkgray-color;
23
23
  }
24
24
  }
@@ -29,7 +29,7 @@
29
29
  &-symbol,
30
30
  &-integer,
31
31
  &-decimal {
32
- font-family: 'JD-Bold';
32
+ font-family: 'JDZH-Bold';
33
33
  color: $price-primary-color;
34
34
  }
35
35
  }
@@ -11,15 +11,15 @@
11
11
  }
12
12
  .nut-price-symbol, .nut-price-integer, .nut-price-decimal {
13
13
  color: var(--nutui-price-color, var(--nutui-color-text-help));
14
- font-family: "JD";
14
+ font-family: "JDZH-Bold";
15
15
  line-height: 1;
16
16
  }
17
17
  .nut-price-darkgray .nut-price-symbol, .nut-price-darkgray .nut-price-integer, .nut-price-darkgray .nut-price-decimal {
18
- font-family: "JD-Bold";
18
+ font-family: "JDZH-Bold";
19
19
  color: var(--nutui-price-darkgray-color, var(--nutui-gray-7));
20
20
  }
21
21
  .nut-price-primary .nut-price-symbol, .nut-price-primary .nut-price-integer, .nut-price-primary .nut-price-decimal {
22
- font-family: "JD-Bold";
22
+ font-family: "JDZH-Bold";
23
23
  color: var(--nutui-price-color, var(--nutui-color-primary));
24
24
  }
25
25
  .nut-price-symbol {
@@ -9,7 +9,7 @@
9
9
  &-integer,
10
10
  &-decimal {
11
11
  color: $price-color;
12
- font-family: 'JD';
12
+ font-family: 'JDZH-Bold';
13
13
  line-height: 1;
14
14
  }
15
15
 
@@ -18,7 +18,7 @@
18
18
  &-symbol,
19
19
  &-integer,
20
20
  &-decimal {
21
- font-family: 'JD-Bold';
21
+ font-family: 'JDZH-Bold';
22
22
  color: $price-darkgray-color;
23
23
  }
24
24
  }
@@ -29,7 +29,7 @@
29
29
  &-symbol,
30
30
  &-integer,
31
31
  &-decimal {
32
- font-family: 'JD-Bold';
32
+ font-family: 'JDZH-Bold';
33
33
  color: $price-primary-color;
34
34
  }
35
35
  }
@@ -11,15 +11,15 @@
11
11
  }
12
12
  .nut-price-symbol, .nut-price-integer, .nut-price-decimal {
13
13
  color: var(--nutui-price-color, var(--nutui-color-text-help));
14
- font-family: "JD";
14
+ font-family: "JDZH-Bold";
15
15
  line-height: 1;
16
16
  }
17
17
  .nut-price-darkgray .nut-price-symbol, .nut-price-darkgray .nut-price-integer, .nut-price-darkgray .nut-price-decimal {
18
- font-family: "JD-Bold";
18
+ font-family: "JDZH-Bold";
19
19
  color: var(--nutui-price-darkgray-color, var(--nutui-gray-7));
20
20
  }
21
21
  .nut-price-primary .nut-price-symbol, .nut-price-primary .nut-price-integer, .nut-price-primary .nut-price-decimal {
22
- font-family: "JD-Bold";
22
+ font-family: "JDZH-Bold";
23
23
  color: var(--nutui-price-color, var(--nutui-color-primary, #ff6666));
24
24
  }
25
25
  .nut-price-symbol {
@@ -26,7 +26,7 @@
26
26
  color: var(--nutui-color-text-disabled, #c2c4cc);
27
27
  transition-duration: 0.3s;
28
28
  transition-property: color, border-color, background-color;
29
- font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-size-l, 16px));
29
+ font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-size-icon, 16px));
30
30
  }
31
31
  .nut-radio-icon-checked {
32
32
  color: var(--nutui-color-primary, #ff0f23);
@@ -74,7 +74,7 @@
74
74
  color: var(--nutui-color-text-disabled, #c2c4cc);
75
75
  transition-duration: 0.3s;
76
76
  transition-property: color, border-color, background-color;
77
- font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-size-l, 16px));
77
+ font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-size-icon, 16px));
78
78
  }
79
79
  .nut-radio-icon-checked {
80
80
  color: var(--nutui-color-primary, #ff0f23);
@@ -100,7 +100,7 @@
100
100
  display: inline-flex;
101
101
  align-items: center;
102
102
  color: $rate-font-color;
103
- font-family: 'JD';
103
+ font-family: 'JDZH-Regular';
104
104
  line-height: 1;
105
105
 
106
106
  &-normal {
@@ -80,7 +80,7 @@
80
80
  display: inline-flex;
81
81
  align-items: center;
82
82
  color: var(--nutui-rate-font-color, var(--nutui-color-primary-icon, #ff3333));
83
- font-family: "JD";
83
+ font-family: "JDZH-Regular";
84
84
  line-height: 1;
85
85
  }
86
86
  .nut-rate-score-normal {
@@ -80,7 +80,7 @@
80
80
  display: inline-flex;
81
81
  align-items: center;
82
82
  color: var(--nutui-rate-font-color, var(--nutui-color-primary-icon, #ff3333));
83
- font-family: "JD";
83
+ font-family: "JDZH-Regular";
84
84
  line-height: 1;
85
85
  }
86
86
  .nut-rate-score-normal {
@@ -100,7 +100,7 @@
100
100
  display: inline-flex;
101
101
  align-items: center;
102
102
  color: $rate-font-color;
103
- font-family: 'JD';
103
+ font-family: 'JDZH-Regular';
104
104
  line-height: 1;
105
105
 
106
106
  &-normal {
@@ -80,7 +80,7 @@
80
80
  display: inline-flex;
81
81
  align-items: center;
82
82
  color: var(--nutui-rate-font-color, var(--nutui-color-primary-icon, #ff3333));
83
- font-family: "JD";
83
+ font-family: "JDZH-Regular";
84
84
  line-height: 1;
85
85
  }
86
86
  .nut-rate-score-normal {
@@ -100,7 +100,7 @@
100
100
  display: inline-flex;
101
101
  align-items: center;
102
102
  color: $rate-font-color;
103
- font-family: 'JD';
103
+ font-family: 'JDZH-Regular';
104
104
  line-height: 1;
105
105
 
106
106
  &-normal {
@@ -80,7 +80,7 @@
80
80
  display: inline-flex;
81
81
  align-items: center;
82
82
  color: var(--nutui-rate-font-color, var(--nutui-color-primary-icon, #ff3333));
83
- font-family: "JD";
83
+ font-family: "JDZH-Regular";
84
84
  line-height: 1;
85
85
  }
86
86
  .nut-rate-score-normal {
@@ -57,6 +57,9 @@
57
57
  transform: translate(-50%, -50%);
58
58
  opacity: 0;
59
59
  content: " ";
60
+ /* #ifdef dynamic*/
61
+ pointer-events: none;
62
+ /* #endif */
60
63
  }
61
64
  .nut-button::after {
62
65
  border: none;
@@ -138,7 +141,7 @@
138
141
  .nut-button-large {
139
142
  height: var(--nutui-button-large-height, 40px);
140
143
  padding: var(--nutui-button-large-padding, 0px 16px);
141
- font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
144
+ font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
142
145
  border-radius: var(--nutui-button-large-border-radius, var(--nutui-radius-base, 8px));
143
146
  }
144
147
  .nut-button-large .nut-button-text {
@@ -148,12 +151,12 @@
148
151
  margin-right: var(--nutui-button-xlarge-text-icon-margin, 6px);
149
152
  }
150
153
  .nut-button-large .nut-icon {
151
- font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
152
- width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
153
- height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
154
+ font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
155
+ width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
156
+ height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
154
157
  }
155
158
  .nut-button-large-children {
156
- font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
159
+ font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
157
160
  }
158
161
  .nut-button-small {
159
162
  height: var(--nutui-button-small-height, 28px);
@@ -11,7 +11,7 @@
11
11
  display: flex;
12
12
  justify-content: center;
13
13
  line-height: 1;
14
- font-size: var(--nutui-font-size-l, 16px);
14
+ font-size: var(--nutui-font-size-l, 15px);
15
15
  color: var(--nutui-color-title, #1a1a1a);
16
16
  }
17
17
  .nut-shortpassword-description {
@@ -83,8 +83,8 @@
83
83
  .nut-popup-title-title {
84
84
  color: var(--nutui-color-title, #1a1a1a);
85
85
  font-weight: var(--nutui-font-weight-bold, 600);
86
- font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
87
- line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
86
+ font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
87
+ line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
88
88
  }
89
89
  .nut-popup-title-description {
90
90
  color: var(--nutui-color-text, #505259);
@@ -391,7 +391,7 @@
391
391
  display: flex;
392
392
  justify-content: center;
393
393
  line-height: 1;
394
- font-size: var(--nutui-font-size-l, 16px);
394
+ font-size: var(--nutui-font-size-l, 15px);
395
395
  color: var(--nutui-color-title, #1a1a1a);
396
396
  }
397
397
  .nut-shortpassword-description {
@@ -55,7 +55,7 @@
55
55
  font-family: PingFangSC-Semibold;
56
56
  color: var(--nutui-sidebar-active-color, var(--nutui-color-primary, #ff0f23));
57
57
  font-weight: var(--nutui-sidebar-active-font-weight, var(--nutui-font-weight-bold, 600));
58
- font-size: var(--nutui-sidebar-active-font-size, var(--nutui-font-size-l, 16px));
58
+ font-size: var(--nutui-sidebar-active-font-size, var(--nutui-font-size-l, 15px));
59
59
  }
60
60
  .nut-sidebar-titles-item-disabled {
61
61
  color: var(--nutui-color-text-disabled, #c2c4cc);
@@ -71,7 +71,7 @@
71
71
  font-family: PingFangSC-Semibold;
72
72
  color: var(--nutui-sidebar-active-color, var(--nutui-color-primary, #ff0f23));
73
73
  font-weight: var(--nutui-sidebar-active-font-weight, var(--nutui-font-weight-bold, 600));
74
- font-size: var(--nutui-sidebar-active-font-size, var(--nutui-font-size-l, 16px));
74
+ font-size: var(--nutui-sidebar-active-font-size, var(--nutui-font-size-l, 15px));
75
75
  }
76
76
  .nut-sidebar-titles-item-disabled {
77
77
  color: var(--nutui-color-text-disabled, #c2c4cc);
@@ -160,7 +160,7 @@
160
160
  display: flex;
161
161
  align-items: center;
162
162
  height: var(--nutui-steps-vertical-line-height, 18px);
163
- font-size: var(--nutui-steps-vertical-title-font-size, var(--nutui-font-size-l, 16px));
163
+ font-size: var(--nutui-steps-vertical-title-font-size, var(--nutui-font-size-l, 15px));
164
164
  overflow: auto;
165
165
  font-weight: 500;
166
166
  margin-bottom: var(--nutui-steps-vertical-title-margin-bottom, 4px);
@@ -280,7 +280,7 @@
280
280
  display: flex;
281
281
  align-items: center;
282
282
  height: var(--nutui-steps-vertical-line-height, 18px);
283
- font-size: var(--nutui-steps-vertical-title-font-size, var(--nutui-font-size-l, 16px));
283
+ font-size: var(--nutui-steps-vertical-title-font-size, var(--nutui-font-size-l, 15px));
284
284
  overflow: auto;
285
285
  font-weight: 500;
286
286
  margin-bottom: var(--nutui-steps-vertical-title-margin-bottom, 4px);
@@ -56,7 +56,7 @@
56
56
  background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
57
57
  }
58
58
  .nut-badge-number {
59
- font-family: "JD";
59
+ font-family: "JDZH-Regular";
60
60
  }
61
61
  .nut-badge-one {
62
62
  height: var(--nutui-badge-height, 14px);
@@ -134,9 +134,9 @@
134
134
  padding: 0;
135
135
  }
136
136
  .nut-tabbar-item-large .nut-tabbar-item-text {
137
- font-size: var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-l, 16px));
137
+ font-size: var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-l, 15px));
138
138
  margin-top: 0;
139
- line-height: var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-l, 16px));
139
+ line-height: var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-l, 15px));
140
140
  font-weight: var(--nutui-tabbar-text-large-font-weight, var(--nutui-font-weight, 400));
141
141
  }
142
142
  .nut-tabbar-item-active {
@@ -39,9 +39,9 @@
39
39
  padding: 0;
40
40
  }
41
41
  .nut-tabbar-item-large .nut-tabbar-item-text {
42
- font-size: var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-l, 16px));
42
+ font-size: var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-l, 15px));
43
43
  margin-top: 0;
44
- line-height: var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-l, 16px));
44
+ line-height: var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-l, 15px));
45
45
  font-weight: var(--nutui-tabbar-text-large-font-weight, var(--nutui-font-weight, 400));
46
46
  }
47
47
  .nut-tabbar-item-active {
@@ -56,7 +56,7 @@
56
56
  background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
57
57
  }
58
58
  .nut-badge-number {
59
- font-family: "JD";
59
+ font-family: "JDZH-Regular";
60
60
  }
61
61
  .nut-badge-one {
62
62
  height: var(--nutui-badge-height, 14px);
@@ -134,9 +134,9 @@
134
134
  padding: 0;
135
135
  }
136
136
  .nut-tabbar-item-large .nut-tabbar-item-text {
137
- font-size: var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-l, 16px));
137
+ font-size: var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-l, 15px));
138
138
  margin-top: 0;
139
- line-height: var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-l, 16px));
139
+ line-height: var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-l, 15px));
140
140
  font-weight: var(--nutui-tabbar-text-large-font-weight, var(--nutui-font-weight, 400));
141
141
  }
142
142
  .nut-tabbar-item-active {
@@ -96,14 +96,18 @@
96
96
  font-weight: var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 600));
97
97
  }
98
98
  .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
99
+ /* #ifndef dynamic*/
99
100
  overflow: unset;
101
+ /* #endif */
100
102
  content: " ";
101
103
  width: var(--nutui-tabs-tab-line-width, 12px);
102
104
  height: var(--nutui-tabs-tab-line-height, 2px);
103
105
  background: var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #ff0f23));
104
106
  }
105
107
  .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
108
+ /* #ifndef dynamic*/
106
109
  overflow: unset;
110
+ /* #endif */
107
111
  width: 40px;
108
112
  height: 20px;
109
113
  }
@@ -122,7 +126,7 @@
122
126
  .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-tabs-titles-item-text,
123
127
  .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-icon {
124
128
  color: var(--nutui-color-title, #1a1a1a);
125
- font-size: var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-l, 16px));
129
+ font-size: var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-l, 15px));
126
130
  }
127
131
  .nut-tabs-titles-card .nut-tabs-titles-item-active {
128
132
  font-weight: var(--nutui-font-weight-bold, 600);
@@ -111,14 +111,18 @@
111
111
  font-weight: var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 600));
112
112
  }
113
113
  .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
114
+ /* #ifndef dynamic*/
114
115
  overflow: unset;
116
+ /* #endif */
115
117
  content: " ";
116
118
  width: var(--nutui-tabs-tab-line-width, 12px);
117
119
  height: var(--nutui-tabs-tab-line-height, 2px);
118
120
  background: var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #ff0f23));
119
121
  }
120
122
  .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
123
+ /* #ifndef dynamic*/
121
124
  overflow: unset;
125
+ /* #endif */
122
126
  width: 40px;
123
127
  height: 20px;
124
128
  }
@@ -137,7 +141,7 @@
137
141
  .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-tabs-titles-item-text,
138
142
  .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-icon {
139
143
  color: var(--nutui-color-title, #1a1a1a);
140
- font-size: var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-l, 16px));
144
+ font-size: var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-l, 15px));
141
145
  }
142
146
  .nut-tabs-titles-card .nut-tabs-titles-item-active {
143
147
  font-weight: var(--nutui-font-weight-bold, 600);
@@ -109,7 +109,9 @@
109
109
  }
110
110
 
111
111
  .nut-tabs-titles-item-line {
112
+ /* #ifndef dynamic*/
112
113
  overflow: unset;
114
+ /* #endif */
113
115
  content: ' ';
114
116
  width: $tabs-tab-line-width;
115
117
  height: $tabs-tab-line-height;
@@ -117,7 +119,9 @@
117
119
  }
118
120
 
119
121
  .nut-tabs-titles-item-smile {
122
+ /* #ifndef dynamic*/
120
123
  overflow: unset;
124
+ /* #endif */
121
125
  width: 40px;
122
126
  height: 20px;
123
127
 
@@ -96,14 +96,18 @@
96
96
  font-weight: var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold));
97
97
  }
98
98
  .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
99
+ /* #ifndef dynamic*/
99
100
  overflow: unset;
101
+ /* #endif */
100
102
  content: " ";
101
103
  width: var(--nutui-tabs-tab-line-width, 24px);
102
104
  height: var(--nutui-tabs-tab-line-height, 3px);
103
105
  background: var(--nutui-tabs-tab-line-color, var(--nutui-color-primary));
104
106
  }
105
107
  .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
108
+ /* #ifndef dynamic*/
106
109
  overflow: unset;
110
+ /* #endif */
107
111
  width: 40px;
108
112
  height: 20px;
109
113
  }
@@ -109,7 +109,9 @@
109
109
  }
110
110
 
111
111
  .nut-tabs-titles-item-line {
112
+ /* #ifndef dynamic*/
112
113
  overflow: unset;
114
+ /* #endif */
113
115
  content: ' ';
114
116
  width: $tabs-tab-line-width;
115
117
  height: $tabs-tab-line-height;
@@ -117,7 +119,9 @@
117
119
  }
118
120
 
119
121
  .nut-tabs-titles-item-smile {
122
+ /* #ifndef dynamic*/
120
123
  overflow: unset;
124
+ /* #endif */
121
125
  width: 40px;
122
126
  height: 20px;
123
127
 
@@ -96,14 +96,18 @@
96
96
  font-weight: var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold));
97
97
  }
98
98
  .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
99
+ /* #ifndef dynamic*/
99
100
  overflow: unset;
101
+ /* #endif */
100
102
  content: " ";
101
103
  width: var(--nutui-tabs-tab-line-width, 24px);
102
104
  height: var(--nutui-tabs-tab-line-height, 3px);
103
105
  background: var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #ff6666));
104
106
  }
105
107
  .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
108
+ /* #ifndef dynamic*/
106
109
  overflow: unset;
110
+ /* #endif */
107
111
  width: 40px;
108
112
  height: 20px;
109
113
  }
@@ -109,7 +109,9 @@
109
109
  }
110
110
 
111
111
  .nut-tabs-titles-item-line {
112
+ /* #ifndef dynamic*/
112
113
  overflow: unset;
114
+ /* #endif */
113
115
  content: ' ';
114
116
  width: $tabs-tab-line-width;
115
117
  height: $tabs-tab-line-height;
@@ -117,7 +119,9 @@
117
119
  }
118
120
 
119
121
  .nut-tabs-titles-item-smile {
122
+ /* #ifndef dynamic*/
120
123
  overflow: unset;
124
+ /* #endif */
121
125
  width: 40px;
122
126
  height: 20px;
123
127
 
@@ -83,8 +83,8 @@
83
83
  .nut-popup-title-title {
84
84
  color: var(--nutui-color-title, #1a1a1a);
85
85
  font-weight: var(--nutui-font-weight-bold, 600);
86
- font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
87
- line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
86
+ font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
87
+ line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
88
88
  }
89
89
  .nut-popup-title-description {
90
90
  color: var(--nutui-color-text, #505259);
@@ -68,7 +68,7 @@
68
68
  font-size: var(--nutui-font-size-s, 12px);
69
69
  }
70
70
  .nut-toast-inner-large {
71
- font-size: var(--nutui-font-size-l, 16px);
71
+ font-size: var(--nutui-font-size-l, 15px);
72
72
  }
73
73
  .nut-toast-center {
74
74
  top: var(--nutui-toast-inner-top, 48%);
@@ -83,6 +83,9 @@
83
83
  color: #ffffff;
84
84
  text-align: var(--nutui-toast-inner-text-align, center);
85
85
  line-height: 20px;
86
+ /* #ifdef harmony dynamic*/
87
+ line-height: normal;
88
+ /* #endif */
86
89
  height: auto;
87
90
  }
88
91
  .nut-toast-title {
@@ -91,6 +94,9 @@
91
94
  font-weight: 600;
92
95
  text-align: var(--nutui-toast-inner-text-align, center);
93
96
  line-height: 22px;
97
+ /* #ifdef harmony dynamic*/
98
+ line-height: normal;
99
+ /* #endif */
94
100
  }
95
101
  .nut-toast .nut-icon {
96
102
  width: 24px;