@cloudtower/eagle 0.24.13 → 0.24.14

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 (153) hide show
  1. package/dist/antd/dist/antd.less +2 -0
  2. package/dist/antd/es/locale/ar_EG.d.ts +3 -0
  3. package/dist/antd/es/locale/ar_EG.js +116 -0
  4. package/dist/antd/es/locale/az_AZ.d.ts +3 -0
  5. package/dist/antd/es/locale/az_AZ.js +45 -0
  6. package/dist/antd/es/locale/bg_BG.d.ts +3 -0
  7. package/dist/antd/es/locale/bg_BG.js +43 -0
  8. package/dist/antd/es/locale/ca_ES.d.ts +3 -0
  9. package/dist/antd/es/locale/ca_ES.js +124 -0
  10. package/dist/antd/es/locale/cs_CZ.d.ts +3 -0
  11. package/dist/antd/es/locale/cs_CZ.js +54 -0
  12. package/dist/antd/es/locale/da_DK.d.ts +3 -0
  13. package/dist/antd/es/locale/da_DK.js +43 -0
  14. package/dist/antd/es/locale/de_DE.d.ts +3 -0
  15. package/dist/antd/es/locale/de_DE.js +113 -0
  16. package/dist/antd/es/locale/default.d.ts +3 -0
  17. package/dist/antd/es/locale/default.js +124 -0
  18. package/dist/antd/es/locale/el_GR.d.ts +3 -0
  19. package/dist/antd/es/locale/el_GR.js +43 -0
  20. package/dist/antd/es/locale/en_GB.d.ts +3 -0
  21. package/dist/antd/es/locale/en_GB.js +94 -0
  22. package/dist/antd/es/locale/en_US.d.ts +2 -0
  23. package/dist/antd/es/locale/en_US.js +2 -0
  24. package/dist/antd/es/locale/es_ES.d.ts +3 -0
  25. package/dist/antd/es/locale/es_ES.js +110 -0
  26. package/dist/antd/es/locale/et_EE.d.ts +3 -0
  27. package/dist/antd/es/locale/et_EE.js +43 -0
  28. package/dist/antd/es/locale/fa_IR.d.ts +3 -0
  29. package/dist/antd/es/locale/fa_IR.js +114 -0
  30. package/dist/antd/es/locale/fi_FI.d.ts +3 -0
  31. package/dist/antd/es/locale/fi_FI.js +50 -0
  32. package/dist/antd/es/locale/fr_BE.d.ts +3 -0
  33. package/dist/antd/es/locale/fr_BE.js +47 -0
  34. package/dist/antd/es/locale/fr_FR.d.ts +3 -0
  35. package/dist/antd/es/locale/fr_FR.js +59 -0
  36. package/dist/antd/es/locale/ga_IE.d.ts +3 -0
  37. package/dist/antd/es/locale/ga_IE.js +123 -0
  38. package/dist/antd/es/locale/he_IL.d.ts +3 -0
  39. package/dist/antd/es/locale/he_IL.js +116 -0
  40. package/dist/antd/es/locale/hi_IN.d.ts +3 -0
  41. package/dist/antd/es/locale/hi_IN.js +51 -0
  42. package/dist/antd/es/locale/hr_HR.d.ts +3 -0
  43. package/dist/antd/es/locale/hr_HR.js +57 -0
  44. package/dist/antd/es/locale/hu_HU.d.ts +3 -0
  45. package/dist/antd/es/locale/hu_HU.js +44 -0
  46. package/dist/antd/es/locale/hy_AM.d.ts +3 -0
  47. package/dist/antd/es/locale/hy_AM.js +109 -0
  48. package/dist/antd/es/locale/id_ID.d.ts +3 -0
  49. package/dist/antd/es/locale/id_ID.js +45 -0
  50. package/dist/antd/es/locale/is_IS.d.ts +3 -0
  51. package/dist/antd/es/locale/is_IS.js +43 -0
  52. package/dist/antd/es/locale/it_IT.d.ts +3 -0
  53. package/dist/antd/es/locale/it_IT.js +59 -0
  54. package/dist/antd/es/locale/ja_JP.d.ts +3 -0
  55. package/dist/antd/es/locale/ja_JP.js +94 -0
  56. package/dist/antd/es/locale/kn_IN.d.ts +3 -0
  57. package/dist/antd/es/locale/kn_IN.js +51 -0
  58. package/dist/antd/es/locale/ko_KR.d.ts +3 -0
  59. package/dist/antd/es/locale/ko_KR.js +94 -0
  60. package/dist/antd/es/locale/ku_IQ.d.ts +3 -0
  61. package/dist/antd/es/locale/ku_IQ.js +43 -0
  62. package/dist/antd/es/locale/lv_LV.d.ts +3 -0
  63. package/dist/antd/es/locale/lv_LV.js +43 -0
  64. package/dist/antd/es/locale/mk_MK.d.ts +3 -0
  65. package/dist/antd/es/locale/mk_MK.js +58 -0
  66. package/dist/antd/es/locale/mn_MN.d.ts +3 -0
  67. package/dist/antd/es/locale/mn_MN.js +43 -0
  68. package/dist/antd/es/locale/ms_MY.d.ts +3 -0
  69. package/dist/antd/es/locale/ms_MY.js +63 -0
  70. package/dist/antd/es/locale/nb_NO.d.ts +3 -0
  71. package/dist/antd/es/locale/nb_NO.js +124 -0
  72. package/dist/antd/es/locale/ne_NP.d.ts +3 -0
  73. package/dist/antd/es/locale/ne_NP.js +44 -0
  74. package/dist/antd/es/locale/nl_BE.d.ts +3 -0
  75. package/dist/antd/es/locale/nl_BE.js +43 -0
  76. package/dist/antd/es/locale/nl_NL.d.ts +3 -0
  77. package/dist/antd/es/locale/nl_NL.js +62 -0
  78. package/dist/antd/es/locale/pl_PL.d.ts +3 -0
  79. package/dist/antd/es/locale/pl_PL.js +43 -0
  80. package/dist/antd/es/locale/pt_BR.d.ts +3 -0
  81. package/dist/antd/es/locale/pt_BR.js +116 -0
  82. package/dist/antd/es/locale/pt_PT.d.ts +3 -0
  83. package/dist/antd/es/locale/pt_PT.js +44 -0
  84. package/dist/antd/es/locale/ro_RO.d.ts +3 -0
  85. package/dist/antd/es/locale/ro_RO.js +62 -0
  86. package/dist/antd/es/locale/ru_RU.d.ts +3 -0
  87. package/dist/antd/es/locale/ru_RU.js +116 -0
  88. package/dist/antd/es/locale/sk_SK.d.ts +3 -0
  89. package/dist/antd/es/locale/sk_SK.js +62 -0
  90. package/dist/antd/es/locale/sl_SI.d.ts +3 -0
  91. package/dist/antd/es/locale/sl_SI.js +43 -0
  92. package/dist/antd/es/locale/sr_RS.d.ts +3 -0
  93. package/dist/antd/es/locale/sr_RS.js +43 -0
  94. package/dist/antd/es/locale/sv_SE.d.ts +3 -0
  95. package/dist/antd/es/locale/sv_SE.js +47 -0
  96. package/dist/antd/es/locale/ta_IN.d.ts +3 -0
  97. package/dist/antd/es/locale/ta_IN.js +63 -0
  98. package/dist/antd/es/locale/th_TH.d.ts +3 -0
  99. package/dist/antd/es/locale/th_TH.js +62 -0
  100. package/dist/antd/es/locale/tr_TR.d.ts +3 -0
  101. package/dist/antd/es/locale/tr_TR.js +124 -0
  102. package/dist/antd/es/locale/uk_UA.d.ts +3 -0
  103. package/dist/antd/es/locale/uk_UA.js +43 -0
  104. package/dist/antd/es/locale/vi_VN.d.ts +3 -0
  105. package/dist/antd/es/locale/vi_VN.js +43 -0
  106. package/dist/antd/es/locale/zh_CN.d.ts +3 -0
  107. package/dist/antd/es/locale/zh_CN.js +124 -0
  108. package/dist/antd/es/locale/zh_HK.d.ts +3 -0
  109. package/dist/antd/es/locale/zh_HK.js +117 -0
  110. package/dist/antd/es/locale/zh_TW.d.ts +3 -0
  111. package/dist/antd/es/locale/zh_TW.js +117 -0
  112. package/dist/antd/lib/style/color/bezierEasing.less +110 -0
  113. package/dist/antd/lib/style/color/colorPalette.less +81 -0
  114. package/dist/antd/lib/style/color/colors.less +162 -0
  115. package/dist/antd/lib/style/color/tinyColor.less +1184 -0
  116. package/dist/antd/lib/style/compact.less +2 -0
  117. package/dist/antd/lib/style/components.less +63 -0
  118. package/dist/antd/lib/style/core/base.less +17 -0
  119. package/dist/antd/lib/style/core/global.less +501 -0
  120. package/dist/antd/lib/style/core/iconfont.less +19 -0
  121. package/dist/antd/lib/style/core/index.less +5 -0
  122. package/dist/antd/lib/style/core/motion/fade.less +31 -0
  123. package/dist/antd/lib/style/core/motion/move.less +120 -0
  124. package/dist/antd/lib/style/core/motion/other.less +51 -0
  125. package/dist/antd/lib/style/core/motion/slide.less +120 -0
  126. package/dist/antd/lib/style/core/motion/zoom.less +162 -0
  127. package/dist/antd/lib/style/core/motion.less +19 -0
  128. package/dist/antd/lib/style/css.js +3 -0
  129. package/dist/antd/lib/style/dark.less +2 -0
  130. package/dist/antd/lib/style/index.css +2005 -0
  131. package/dist/antd/lib/style/index.d.ts +1 -0
  132. package/dist/antd/lib/style/index.js +3 -0
  133. package/dist/antd/lib/style/index.less +2 -0
  134. package/dist/antd/lib/style/mixins/clearfix.less +15 -0
  135. package/dist/antd/lib/style/mixins/compatibility.less +17 -0
  136. package/dist/antd/lib/style/mixins/customize.less +170 -0
  137. package/dist/antd/lib/style/mixins/iconfont.less +35 -0
  138. package/dist/antd/lib/style/mixins/index.less +11 -0
  139. package/dist/antd/lib/style/mixins/motion.less +35 -0
  140. package/dist/antd/lib/style/mixins/operation-unit.less +18 -0
  141. package/dist/antd/lib/style/mixins/reset.less +13 -0
  142. package/dist/antd/lib/style/mixins/size.less +10 -0
  143. package/dist/antd/lib/style/mixins/typography.less +49 -0
  144. package/dist/antd/lib/style/themes/compact.less +299 -0
  145. package/dist/antd/lib/style/themes/dark.less +431 -0
  146. package/dist/antd/lib/style/themes/default.less +989 -0
  147. package/dist/antd/lib/style/themes/index.less +1 -0
  148. package/dist/components.css +107 -107
  149. package/dist/esm/stats1.html +1 -1
  150. package/dist/spec/base.d.ts +2 -1
  151. package/dist/style.css +982 -982
  152. package/dist/umd/stats1.html +1 -1
  153. package/package.json +10 -6
package/dist/antd/lib/style/themes/default.less ADDED
@@ -0,0 +1,989 @@
1
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2
+ @import '../color/colors';
3
+
4
+ @theme: default;
5
+
6
+ // The prefix to use on all css classes from ant.
7
+ @ant-prefix: ant;
8
+
9
+ // An override for the html selector for theme prefixes
10
+ @html-selector: html;
11
+
12
+ // -------- Colors -----------
13
+ @primary-color: @blue-6;
14
+ @info-color: @primary-color;
15
+ @success-color: @green-6;
16
+ @processing-color: @blue-6;
17
+ @error-color: @red-5;
18
+ @highlight-color: @red-5;
19
+ @warning-color: @gold-6;
20
+ @normal-color: #d9d9d9;
21
+ @white: #fff;
22
+ @black: #000;
23
+
24
+ // Color used by default to control hover and active backgrounds and for
25
+ // alert info backgrounds.
26
+ @primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
27
+ @primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
28
+ @primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
29
+ @primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
30
+ @primary-5: color(
31
+ ~`colorPalette('@{primary-color}', 5) `
32
+ ); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
33
+ @primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
34
+ @primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
35
+ @primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
36
+ @primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
37
+ @primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused
38
+
39
+ // Base Scaffolding Variables
40
+ // ---
41
+
42
+ // Background color for `<body>`
43
+ @body-background: #fff;
44
+ // Base background color for most components
45
+ @component-background: #fff;
46
+ // Popover background color
47
+ @popover-background: @component-background;
48
+ @popover-customize-border-color: @border-color-split;
49
+ @font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
50
+ 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
51
+ 'Noto Color Emoji';
52
+ @code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
53
+ @text-color: fade(@black, 65%);
54
+ @text-color-secondary: fade(@black, 45%);
55
+ @text-color-inverse: @white;
56
+ @icon-color: inherit;
57
+ @icon-color-hover: fade(@black, 75%);
58
+ @heading-color: fade(#000, 85%);
59
+ @heading-color-dark: fade(@white, 100%);
60
+ @text-color-dark: fade(@white, 85%);
61
+ @text-color-secondary-dark: fade(@white, 65%);
62
+ @text-selection-bg: @primary-color;
63
+ @font-variant-base: tabular-nums;
64
+ @font-feature-settings-base: 'tnum';
65
+ @font-size-base: 14px;
66
+ @font-size-lg: @font-size-base + 2px;
67
+ @font-size-sm: 12px;
68
+ @heading-1-size: ceil(@font-size-base * 2.71);
69
+ @heading-2-size: ceil(@font-size-base * 2.14);
70
+ @heading-3-size: ceil(@font-size-base * 1.71);
71
+ @heading-4-size: ceil(@font-size-base * 1.42);
72
+ // https://github.com/ant-design/ant-design/issues/20210
73
+ @line-height-base: 1.5715;
74
+ @border-radius-base: 2px;
75
+ @border-radius-sm: @border-radius-base;
76
+
77
+ // vertical paddings
78
+ @padding-lg: 24px; // containers
79
+ @padding-md: 16px; // small containers and buttons
80
+ @padding-sm: 12px; // Form controls and items
81
+ @padding-xs: 8px; // small items
82
+ @padding-xss: 4px; // more small
83
+
84
+ // vertical padding for all form controls
85
+ @control-padding-horizontal: @padding-sm;
86
+ @control-padding-horizontal-sm: @padding-xs;
87
+
88
+ // vertical margins
89
+ @margin-lg: 24px; // containers
90
+ @margin-md: 16px; // small containers and buttons
91
+ @margin-sm: 12px; // Form controls and items
92
+ @margin-xs: 8px; // small items
93
+ @margin-xss: 4px; // more small
94
+
95
+ // height rules
96
+ @height-base: 32px;
97
+ @height-lg: 40px;
98
+ @height-sm: 24px;
99
+
100
+ // The background colors for active and hover states for things like
101
+ // list items or table cells.
102
+ @item-active-bg: @primary-1;
103
+ @item-hover-bg: #f5f5f5;
104
+
105
+ // ICONFONT
106
+ @iconfont-css-prefix: anticon;
107
+
108
+ // LINK
109
+ @link-color: @primary-color;
110
+ @link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
111
+ @link-active-color: color(~`colorPalette('@{link-color}', 7) `);
112
+ @link-decoration: none;
113
+ @link-hover-decoration: none;
114
+ @link-focus-decoration: none;
115
+ @link-focus-outline: 0;
116
+
117
+ // Animation
118
+ @ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1);
119
+ @ease-base-in: cubic-bezier(0.9, 0, 0.3, 0.7);
120
+ @ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
121
+ @ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
122
+ @ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
123
+ @ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
124
+ @ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
125
+ @ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46);
126
+ @ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
127
+ @ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.34);
128
+ @ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
129
+ @ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
130
+ @ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
131
+ @ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
132
+
133
+ // Border color
134
+ @border-color-base: hsv(0, 0, 85%); // base border outline a component
135
+ @border-color-split: hsv(0, 0, 94%); // split border inside a component
136
+ @border-color-inverse: @white;
137
+ @border-width-base: 1px; // width of the border for a component
138
+ @border-style-base: solid; // style of a components border
139
+
140
+ // Outline
141
+ @outline-blur-size: 0;
142
+ @outline-width: 2px;
143
+ @outline-color: @primary-color;
144
+ @outline-fade: 20%;
145
+
146
+ @background-color-light: hsv(0, 0, 98%); // background of header and selected item
147
+ @background-color-base: hsv(0, 0, 96%); // Default grey background color
148
+
149
+ // Disabled states
150
+ @disabled-color: fade(#000, 25%);
151
+ @disabled-bg: @background-color-base;
152
+ @disabled-color-dark: fade(#fff, 35%);
153
+
154
+ // Shadow
155
+ @shadow-color: rgba(0, 0, 0, 0.15);
156
+ @shadow-color-inverse: @component-background;
157
+ @box-shadow-base: @shadow-2;
158
+ @shadow-1-up: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05),
159
+ 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
160
+ @shadow-1-down: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05),
161
+ 0 12px 48px 16px rgba(0, 0, 0, 0.03);
162
+ @shadow-1-left: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05),
163
+ -12px 0 48px 16px rgba(0, 0, 0, 0.03);
164
+ @shadow-1-right: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05),
165
+ 12px 0 48px 16px rgba(0, 0, 0, 0.03);
166
+ @shadow-2: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
167
+ 0 9px 28px 8px rgba(0, 0, 0, 0.05);
168
+
169
+ // Buttons
170
+ @btn-font-weight: 400;
171
+ @btn-border-radius-base: @border-radius-base;
172
+ @btn-border-radius-sm: @border-radius-base;
173
+ @btn-border-width: @border-width-base;
174
+ @btn-border-style: @border-style-base;
175
+ @btn-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
176
+ @btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
177
+ @btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
178
+
179
+ @btn-primary-color: #fff;
180
+ @btn-primary-bg: @primary-color;
181
+
182
+ @btn-default-color: @text-color;
183
+ @btn-default-bg: @component-background;
184
+ @btn-default-border: @border-color-base;
185
+
186
+ @btn-danger-color: #fff;
187
+ @btn-danger-bg: @error-color;
188
+ @btn-danger-border: @error-color;
189
+
190
+ @btn-disable-color: @disabled-color;
191
+ @btn-disable-bg: @disabled-bg;
192
+ @btn-disable-border: @border-color-base;
193
+
194
+ @btn-default-ghost-color: @component-background;
195
+ @btn-default-ghost-bg: transparent;
196
+ @btn-default-ghost-border: @component-background;
197
+
198
+ @btn-font-size-lg: @font-size-lg;
199
+ @btn-font-size-sm: @font-size-base;
200
+ @btn-padding-horizontal-base: @padding-md - 1px;
201
+ @btn-padding-horizontal-lg: @btn-padding-horizontal-base;
202
+ @btn-padding-horizontal-sm: @padding-xs - 1px;
203
+
204
+ @btn-height-base: @height-base;
205
+ @btn-height-lg: @height-lg;
206
+ @btn-height-sm: @height-sm;
207
+
208
+ @btn-circle-size: @btn-height-base;
209
+ @btn-circle-size-lg: @btn-height-lg;
210
+ @btn-circle-size-sm: @btn-height-sm;
211
+
212
+ @btn-square-size: @btn-height-base;
213
+ @btn-square-size-lg: @btn-height-lg;
214
+ @btn-square-size-sm: @btn-height-sm;
215
+ @btn-square-only-icon-size: @font-size-base + 2px;
216
+ @btn-square-only-icon-size-sm: @font-size-base;
217
+ @btn-square-only-icon-size-lg: @btn-font-size-lg + 2px;
218
+
219
+ @btn-group-border: @primary-5;
220
+
221
+ @btn-link-hover-bg: transparent;
222
+ @btn-text-hover-bg: rgba(0, 0, 0, 0.018);
223
+
224
+ // Checkbox
225
+ @checkbox-size: 16px;
226
+ @checkbox-color: @primary-color;
227
+ @checkbox-check-color: #fff;
228
+ @checkbox-check-bg: @checkbox-check-color;
229
+ @checkbox-border-width: @border-width-base;
230
+ @checkbox-group-item-margin-right: 8px;
231
+
232
+ // Descriptions
233
+ @descriptions-bg: #fafafa;
234
+ @descriptions-title-margin-bottom: 20px;
235
+ @descriptions-default-padding: @padding-md @padding-lg;
236
+ @descriptions-middle-padding: @padding-sm @padding-lg;
237
+ @descriptions-small-padding: @padding-xs @padding-md;
238
+ @descriptions-item-padding-bottom: @padding-md;
239
+ @descriptions-item-trailing-colon: true;
240
+ @descriptions-item-label-colon-margin-right: 8px;
241
+ @descriptions-item-label-colon-margin-left: 2px;
242
+ @descriptions-extra-color: @text-color;
243
+
244
+ // Divider
245
+ @divider-text-padding: 1em;
246
+ @divider-orientation-margin: 5%;
247
+
248
+ // Dropdown
249
+ @dropdown-selected-color: @primary-color;
250
+ @dropdown-menu-submenu-disabled-bg: @component-background;
251
+
252
+ // Empty
253
+ @empty-font-size: @font-size-base;
254
+
255
+ // Radio
256
+ @radio-size: 16px;
257
+ @radio-top: 0px;
258
+ @radio-dot-color: @primary-color;
259
+ @radio-dot-disabled-color: fade(@black, 20%);
260
+ @radio-solid-checked-color: @component-background;
261
+
262
+ // Radio buttons
263
+ @radio-button-bg: @btn-default-bg;
264
+ @radio-button-checked-bg: @btn-default-bg;
265
+ @radio-button-color: @btn-default-color;
266
+ @radio-button-hover-color: @primary-5;
267
+ @radio-button-active-color: @primary-7;
268
+ @radio-disabled-button-checked-bg: tint(@black, 90%);
269
+ @radio-disabled-button-checked-color: @text-color-inverse;
270
+ @radio-wrapper-margin-right: 8px;
271
+
272
+ // Media queries breakpoints
273
+ // Extra small screen / phone
274
+ @screen-xs: 480px;
275
+ @screen-xs-min: @screen-xs;
276
+
277
+ // Small screen / tablet
278
+ @screen-sm: 576px;
279
+ @screen-sm-min: @screen-sm;
280
+
281
+ // Medium screen / desktop
282
+ @screen-md: 768px;
283
+ @screen-md-min: @screen-md;
284
+
285
+ // Large screen / wide desktop
286
+ @screen-lg: 992px;
287
+ @screen-lg-min: @screen-lg;
288
+
289
+ // Extra large screen / full hd
290
+ @screen-xl: 1200px;
291
+ @screen-xl-min: @screen-xl;
292
+
293
+ // Extra extra large screen / large desktop
294
+ @screen-xxl: 1600px;
295
+ @screen-xxl-min: @screen-xxl;
296
+
297
+ // provide a maximum
298
+ @screen-xs-max: (@screen-sm-min - 1px);
299
+ @screen-sm-max: (@screen-md-min - 1px);
300
+ @screen-md-max: (@screen-lg-min - 1px);
301
+ @screen-lg-max: (@screen-xl-min - 1px);
302
+ @screen-xl-max: (@screen-xxl-min - 1px);
303
+
304
+ // Grid system
305
+ @grid-columns: 24;
306
+
307
+ // Layout
308
+ @layout-body-background: #f0f2f5;
309
+ @layout-header-background: #001529;
310
+ @layout-header-height: 64px;
311
+ @layout-header-padding: 0 50px;
312
+ @layout-header-color: @text-color;
313
+ @layout-footer-padding: 24px 50px;
314
+ @layout-footer-background: @layout-body-background;
315
+ @layout-sider-background: @layout-header-background;
316
+ @layout-trigger-height: 48px;
317
+ @layout-trigger-background: #002140;
318
+ @layout-trigger-color: #fff;
319
+ @layout-zero-trigger-width: 36px;
320
+ @layout-zero-trigger-height: 42px;
321
+ // Layout light theme
322
+ @layout-sider-background-light: #fff;
323
+ @layout-trigger-background-light: #fff;
324
+ @layout-trigger-color-light: @text-color;
325
+
326
+ // z-index list, order by `z-index`
327
+ @zindex-badge: auto;
328
+ @zindex-table-fixed: auto;
329
+ @zindex-affix: 10;
330
+ @zindex-back-top: 10;
331
+ @zindex-picker-panel: 10;
332
+ @zindex-popup-close: 10;
333
+ @zindex-modal: 1000;
334
+ @zindex-modal-mask: 1000;
335
+ @zindex-message: 1010;
336
+ @zindex-notification: 1010;
337
+ @zindex-popover: 1030;
338
+ @zindex-dropdown: 1050;
339
+ @zindex-picker: 1050;
340
+ @zindex-popoconfirm: 1060;
341
+ @zindex-tooltip: 1070;
342
+
343
+ // Animation
344
+ @animation-duration-slow: 0.3s; // Modal
345
+ @animation-duration-base: 0.2s;
346
+ @animation-duration-fast: 0.1s; // Tooltip
347
+
348
+ //CollapsePanel
349
+ @collapse-panel-border-radius: @border-radius-base;
350
+
351
+ //Dropdown
352
+ @dropdown-menu-bg: @component-background;
353
+ @dropdown-vertical-padding: 5px;
354
+ @dropdown-edge-child-vertical-padding: 4px;
355
+ @dropdown-font-size: @font-size-base;
356
+ @dropdown-line-height: 22px;
357
+
358
+ // Form
359
+ // ---
360
+ @label-required-color: @highlight-color;
361
+ @label-color: @heading-color;
362
+ @form-warning-input-bg: @input-bg;
363
+ @form-item-margin-bottom: 24px;
364
+ @form-item-trailing-colon: true;
365
+ @form-vertical-label-padding: 0 0 8px;
366
+ @form-vertical-label-margin: 0;
367
+ @form-item-label-font-size: @font-size-base;
368
+ @form-item-label-height: @input-height-base;
369
+ @form-item-label-colon-margin-right: 8px;
370
+ @form-item-label-colon-margin-left: 2px;
371
+ @form-error-input-bg: @input-bg;
372
+
373
+ // Input
374
+ // ---
375
+ @input-height-base: @height-base;
376
+ @input-height-lg: @height-lg;
377
+ @input-height-sm: @height-sm;
378
+ @input-padding-horizontal: @control-padding-horizontal - 1px;
379
+ @input-padding-horizontal-base: @input-padding-horizontal;
380
+ @input-padding-horizontal-sm: @control-padding-horizontal-sm - 1px;
381
+ @input-padding-horizontal-lg: @input-padding-horizontal;
382
+ @input-padding-vertical-base: max(
383
+ round((@input-height-base - @font-size-base * @line-height-base) / 2 * 10) / 10 -
384
+ @border-width-base,
385
+ 3px
386
+ );
387
+ @input-padding-vertical-sm: max(
388
+ round((@input-height-sm - @font-size-base * @line-height-base) / 2 * 10) / 10 - @border-width-base,
389
+ 0
390
+ );
391
+ @input-padding-vertical-lg: ceil((@input-height-lg - @font-size-lg * @line-height-base) / 2 * 10) /
392
+ 10 - @border-width-base;
393
+ @input-placeholder-color: hsv(0, 0, 75%);
394
+ @input-color: @text-color;
395
+ @input-icon-color: @input-color;
396
+ @input-border-color: @border-color-base;
397
+ @input-bg: @component-background;
398
+ @input-number-hover-border-color: @input-hover-border-color;
399
+ @input-number-handler-active-bg: #f4f4f4;
400
+ @input-number-handler-hover-bg: @primary-5;
401
+ @input-number-handler-bg: @component-background;
402
+ @input-number-handler-border-color: @border-color-base;
403
+ @input-addon-bg: @background-color-light;
404
+ @input-hover-border-color: @primary-5;
405
+ @input-disabled-bg: @disabled-bg;
406
+ @input-outline-offset: 0 0;
407
+ @input-icon-hover-color: fade(@black, 85%);
408
+ @input-disabled-color: @disabled-color;
409
+
410
+ // Mentions
411
+ // ---
412
+ @mentions-dropdown-bg: @component-background;
413
+ @mentions-dropdown-menu-item-hover-bg: @mentions-dropdown-bg;
414
+
415
+ // Select
416
+ // ---
417
+ @select-border-color: @border-color-base;
418
+ @select-item-selected-color: @text-color;
419
+ @select-item-selected-font-weight: 600;
420
+ @select-dropdown-bg: @component-background;
421
+ @select-item-selected-bg: @primary-1;
422
+ @select-item-active-bg: @item-hover-bg;
423
+ @select-dropdown-vertical-padding: @dropdown-vertical-padding;
424
+ @select-dropdown-font-size: @dropdown-font-size;
425
+ @select-dropdown-line-height: @dropdown-line-height;
426
+ @select-dropdown-height: 32px;
427
+ @select-background: @component-background;
428
+ @select-clear-background: @select-background;
429
+ @select-selection-item-bg: @background-color-base;
430
+ @select-selection-item-border-color: @border-color-split;
431
+ @select-single-item-height-lg: 40px;
432
+ @select-multiple-item-height: @input-height-base - @input-padding-vertical-base * 2; // Normal 24px
433
+ @select-multiple-item-height-lg: 32px;
434
+ @select-multiple-item-spacing-half: ceil(@input-padding-vertical-base / 2);
435
+
436
+ // Cascader
437
+ // ---
438
+ @cascader-bg: @component-background;
439
+ @cascader-item-selected-bg: @primary-1;
440
+ @cascader-menu-bg: @component-background;
441
+ @cascader-menu-border-color-split: @border-color-split;
442
+
443
+ // Cascader
444
+ // ----
445
+ @cascader-dropdown-vertical-padding: @dropdown-vertical-padding;
446
+ @cascader-dropdown-edge-child-vertical-padding: @dropdown-edge-child-vertical-padding;
447
+ @cascader-dropdown-font-size: @dropdown-font-size;
448
+ @cascader-dropdown-line-height: @dropdown-line-height;
449
+
450
+ // Anchor
451
+ // ---
452
+ @anchor-bg: @component-background;
453
+ @anchor-border-color: @border-color-split;
454
+ @anchor-link-top: 7px;
455
+ @anchor-link-left: 16px;
456
+ @anchor-link-padding: @anchor-link-top 0 @anchor-link-top @anchor-link-left;
457
+
458
+ // Tooltip
459
+ // ---
460
+ // Tooltip max width
461
+ @tooltip-max-width: 250px;
462
+ // Tooltip text color
463
+ @tooltip-color: #fff;
464
+ // Tooltip background color
465
+ @tooltip-bg: rgba(0, 0, 0, 0.75);
466
+ // Tooltip arrow width
467
+ @tooltip-arrow-width: 5px;
468
+ // Tooltip distance with trigger
469
+ @tooltip-distance: @tooltip-arrow-width - 1px + 4px;
470
+ // Tooltip arrow color
471
+ @tooltip-arrow-color: @tooltip-bg;
472
+
473
+ // Popover
474
+ // ---
475
+ // Popover body background color
476
+ @popover-bg: @component-background;
477
+ // Popover text color
478
+ @popover-color: @text-color;
479
+ // Popover maximum width
480
+ @popover-min-width: 177px;
481
+ @popover-min-height: 32px;
482
+ // Popover arrow width
483
+ @popover-arrow-width: 6px;
484
+ // Popover arrow color
485
+ @popover-arrow-color: @popover-bg;
486
+ // Popover outer arrow width
487
+ // Popover outer arrow color
488
+ @popover-arrow-outer-color: @popover-bg;
489
+ // Popover distance with trigger
490
+ @popover-distance: @popover-arrow-width + 4px;
491
+ @popover-padding-horizontal: @padding-md;
492
+
493
+ // Modal
494
+ // --
495
+ @modal-header-padding-vertical: @padding-md;
496
+ @modal-header-padding-horizontal: @padding-lg;
497
+ @modal-body-padding: @padding-lg;
498
+ @modal-header-bg: @component-background;
499
+ @modal-header-padding: @modal-header-padding-vertical @modal-header-padding-horizontal;
500
+ @modal-header-border-width: @border-width-base;
501
+ @modal-header-border-style: @border-style-base;
502
+ @modal-header-title-line-height: 22px;
503
+ @modal-header-title-font-size: @font-size-lg;
504
+ @modal-header-border-color-split: @border-color-split;
505
+ @modal-header-close-size: 56px;
506
+ @modal-content-bg: @component-background;
507
+ @modal-heading-color: @heading-color;
508
+ @modal-close-color: @text-color-secondary;
509
+ @modal-footer-bg: transparent;
510
+ @modal-footer-border-color-split: @border-color-split;
511
+ @modal-footer-border-style: @border-style-base;
512
+ @modal-footer-padding-vertical: 10px;
513
+ @modal-footer-padding-horizontal: 16px;
514
+ @modal-footer-border-width: @border-width-base;
515
+ @modal-mask-bg: fade(@black, 45%);
516
+ @modal-confirm-body-padding: 32px 32px 24px;
517
+
518
+ // Progress
519
+ // --
520
+ @progress-default-color: @processing-color;
521
+ @progress-remaining-color: @background-color-base;
522
+ @progress-text-color: @text-color;
523
+ @progress-radius: 100px;
524
+ @progress-steps-item-bg: #f3f3f3;
525
+ @progress-text-font-size: 1em;
526
+ @progress-circle-text-font-size: 1em;
527
+ // Menu
528
+ // ---
529
+ @menu-inline-toplevel-item-height: 40px;
530
+ @menu-item-height: 40px;
531
+ @menu-item-group-height: @line-height-base;
532
+ @menu-collapsed-width: 80px;
533
+ @menu-bg: @component-background;
534
+ @menu-popup-bg: @component-background;
535
+ @menu-item-color: @text-color;
536
+ @menu-highlight-color: @primary-color;
537
+ @menu-highlight-danger-color: @error-color;
538
+ @menu-item-active-bg: @primary-1;
539
+ @menu-item-active-danger-bg: @red-1;
540
+ @menu-item-active-border-width: 3px;
541
+ @menu-item-group-title-color: @text-color-secondary;
542
+ @menu-item-vertical-margin: 4px;
543
+ @menu-item-font-size: @font-size-base;
544
+ @menu-item-boundary-margin: 8px;
545
+ @menu-item-padding: 0 20px;
546
+ @menu-horizontal-line-height: 46px;
547
+ @menu-icon-margin-right: 10px;
548
+ @menu-icon-size: @menu-item-font-size;
549
+ @menu-icon-size-lg: @font-size-lg;
550
+ @menu-item-group-title-font-size: @menu-item-font-size;
551
+
552
+ // dark theme
553
+ @menu-dark-color: @text-color-secondary-dark;
554
+ @menu-dark-danger-color: @error-color;
555
+ @menu-dark-bg: @layout-header-background;
556
+ @menu-dark-arrow-color: #fff;
557
+ @menu-dark-submenu-bg: #000c17;
558
+ @menu-dark-highlight-color: #fff;
559
+ @menu-dark-item-active-bg: @primary-color;
560
+ @menu-dark-item-active-danger-bg: @error-color;
561
+ @menu-dark-selected-item-icon-color: @white;
562
+ @menu-dark-selected-item-text-color: @white;
563
+ @menu-dark-item-hover-bg: transparent;
564
+ // Spin
565
+ // ---
566
+ @spin-dot-size-sm: 14px;
567
+ @spin-dot-size: 20px;
568
+ @spin-dot-size-lg: 32px;
569
+
570
+ // Table
571
+ // --
572
+ @table-bg: @component-background;
573
+ @table-header-bg: @background-color-light;
574
+ @table-header-color: @heading-color;
575
+ @table-header-sort-bg: @background-color-base;
576
+ @table-body-sort-bg: #fafafa;
577
+ @table-row-hover-bg: @background-color-light;
578
+ @table-selected-row-color: inherit;
579
+ @table-selected-row-bg: @primary-1;
580
+ @table-body-selected-sort-bg: @table-selected-row-bg;
581
+ @table-selected-row-hover-bg: darken(@table-selected-row-bg, 2%);
582
+ @table-expanded-row-bg: #fbfbfb;
583
+ @table-padding-vertical: 16px;
584
+ @table-padding-horizontal: 16px;
585
+ @table-padding-vertical-md: @table-padding-vertical * 3 / 4;
586
+ @table-padding-horizontal-md: @table-padding-horizontal / 2;
587
+ @table-padding-vertical-sm: @table-padding-vertical / 2;
588
+ @table-padding-horizontal-sm: @table-padding-horizontal / 2;
589
+ @table-border-radius-base: @border-radius-base;
590
+ @table-footer-bg: @background-color-light;
591
+ @table-footer-color: @heading-color;
592
+ @table-header-bg-sm: @table-header-bg;
593
+ @table-font-size: @font-size-base;
594
+ @table-font-size-md: @table-font-size;
595
+ @table-font-size-sm: @table-font-size;
596
+ // Sorter
597
+ // Legacy: `table-header-sort-active-bg` is used for hover not real active
598
+ @table-header-sort-active-bg: darken(@table-header-bg, 3%);
599
+ // Filter
600
+ @table-header-filter-active-bg: darken(@table-header-sort-active-bg, 5%);
601
+ @table-filter-btns-bg: inherit;
602
+ @table-filter-dropdown-bg: @component-background;
603
+ @table-expand-icon-bg: @component-background;
604
+ @table-selection-column-width: 60px;
605
+ @table-selection-extra-right: 0;
606
+
607
+ // Tag
608
+ // --
609
+ @tag-default-bg: @background-color-light;
610
+ @tag-default-color: @text-color;
611
+ @tag-font-size: @font-size-sm;
612
+ @tag-line-height: 20px;
613
+
614
+ // TimePicker
615
+ // ---
616
+ @picker-bg: @component-background;
617
+ @picker-basic-cell-hover-color: @item-hover-bg;
618
+ @picker-basic-cell-active-with-range-color: @primary-1;
619
+ @picker-basic-cell-hover-with-range-color: lighten(@primary-color, 35%);
620
+ @picker-basic-cell-disabled-bg: @disabled-bg;
621
+ @picker-border-color: @border-color-split;
622
+ @picker-date-hover-range-border-color: lighten(@primary-color, 20%);
623
+ @picker-date-hover-range-color: @picker-basic-cell-hover-with-range-color;
624
+ @picker-time-panel-cell-height: 28px;
625
+ @picker-panel-cell-height: 24px;
626
+ @picker-panel-cell-width: 36px;
627
+ @picker-text-height: 40px;
628
+ @picker-panel-without-time-cell-height: 66px;
629
+
630
+ // Calendar
631
+ // ---
632
+ @calendar-bg: @component-background;
633
+ @calendar-input-bg: @input-bg;
634
+ @calendar-border-color: @border-color-inverse;
635
+ @calendar-item-active-bg: @item-active-bg;
636
+ @calendar-full-bg: @calendar-bg;
637
+ @calendar-full-panel-bg: @calendar-full-bg;
638
+
639
+ // Carousel
640
+ // ---
641
+ @carousel-dot-width: 16px;
642
+ @carousel-dot-height: 3px;
643
+ @carousel-dot-active-width: 24px;
644
+
645
+ // Badge
646
+ // ---
647
+ @badge-height: 20px;
648
+ @badge-dot-size: 6px;
649
+ @badge-font-size: @font-size-sm;
650
+ @badge-font-weight: normal;
651
+ @badge-status-size: 6px;
652
+ @badge-text-color: @component-background;
653
+
654
+ // Rate
655
+ // ---
656
+ @rate-star-color: @yellow-6;
657
+ @rate-star-bg: @border-color-split;
658
+ @rate-star-size: 20px;
659
+ @rate-star-hover-scale: scale(1.1);
660
+
661
+ // Card
662
+ // ---
663
+ @card-head-color: @heading-color;
664
+ @card-head-background: transparent;
665
+ @card-head-font-size: @font-size-lg;
666
+ @card-head-font-size-sm: @font-size-base;
667
+ @card-head-padding: 16px;
668
+ @card-head-padding-sm: @card-head-padding / 2;
669
+ @card-head-height: 48px;
670
+ @card-head-height-sm: 36px;
671
+ @card-inner-head-padding: 12px;
672
+ @card-padding-base: 24px;
673
+ @card-padding-base-sm: @card-padding-base / 2;
674
+ @card-actions-background: @component-background;
675
+ @card-actions-li-margin: 12px 0;
676
+ @card-skeleton-bg: #cfd8dc;
677
+ @card-background: @component-background;
678
+ @card-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12),
679
+ 0 5px 12px 4px rgba(0, 0, 0, 0.09);
680
+ @card-radius: @border-radius-base;
681
+ @card-head-tabs-margin-bottom: -17px;
682
+ @card-head-extra-color: @text-color;
683
+
684
+ // Comment
685
+ // ---
686
+ @comment-bg: inherit;
687
+ @comment-padding-base: @padding-md 0;
688
+ @comment-nest-indent: 44px;
689
+ @comment-font-size-base: @font-size-base;
690
+ @comment-font-size-sm: @font-size-sm;
691
+ @comment-author-name-color: @text-color-secondary;
692
+ @comment-author-time-color: #ccc;
693
+ @comment-action-color: @text-color-secondary;
694
+ @comment-action-hover-color: #595959;
695
+ @comment-actions-margin-bottom: inherit;
696
+ @comment-actions-margin-top: @margin-sm;
697
+ @comment-content-detail-p-margin-bottom: inherit;
698
+
699
+ // Tabs
700
+ // ---
701
+ @tabs-card-head-background: @background-color-light;
702
+ @tabs-card-height: 40px;
703
+ @tabs-card-active-color: @primary-color;
704
+ @tabs-card-horizontal-padding: (@tabs-card-height - floor(@font-size-base * @line-height-base)) / 2 -
705
+ @border-width-base @padding-md;
706
+ @tabs-card-horizontal-padding-sm: 6px @padding-md;
707
+ @tabs-card-horizontal-padding-lg: 7px @padding-md 6px;
708
+ @tabs-title-font-size: @font-size-base;
709
+ @tabs-title-font-size-lg: @font-size-lg;
710
+ @tabs-title-font-size-sm: @font-size-base;
711
+ @tabs-ink-bar-color: @primary-color;
712
+ @tabs-bar-margin: 0 0 @margin-md 0;
713
+ @tabs-horizontal-margin: 0 32px 0 0;
714
+ @tabs-horizontal-margin-rtl: 0 0 0 32px;
715
+ @tabs-horizontal-padding: @padding-sm 0;
716
+ @tabs-horizontal-padding-lg: @padding-md 0;
717
+ @tabs-horizontal-padding-sm: @padding-xs 0;
718
+ @tabs-vertical-padding: @padding-xs @padding-lg;
719
+ @tabs-vertical-margin: 0 0 @margin-md 0;
720
+ @tabs-scrolling-size: 32px;
721
+ @tabs-highlight-color: @primary-color;
722
+ @tabs-hover-color: @primary-5;
723
+ @tabs-active-color: @primary-7;
724
+ @tabs-card-gutter: 2px;
725
+ @tabs-card-tab-active-border-top: 2px solid transparent;
726
+
727
+ // BackTop
728
+ // ---
729
+ @back-top-color: #fff;
730
+ @back-top-bg: @text-color-secondary;
731
+ @back-top-hover-bg: @text-color;
732
+
733
+ // Avatar
734
+ // ---
735
+ @avatar-size-base: 32px;
736
+ @avatar-size-lg: 40px;
737
+ @avatar-size-sm: 24px;
738
+ @avatar-font-size-base: 18px;
739
+ @avatar-font-size-lg: 24px;
740
+ @avatar-font-size-sm: 14px;
741
+ @avatar-bg: #ccc;
742
+ @avatar-color: #fff;
743
+ @avatar-border-radius: @border-radius-base;
744
+ @avatar-group-overlapping: -8px;
745
+ @avatar-group-space: 3px;
746
+ @avatar-group-border-color: #fff;
747
+
748
+ // Switch
749
+ // ---
750
+ @switch-height: 22px;
751
+ @switch-sm-height: 16px;
752
+ @switch-min-width: 44px;
753
+ @switch-sm-min-width: 28px;
754
+ @switch-disabled-opacity: 0.4;
755
+ @switch-color: @primary-color;
756
+ @switch-bg: @component-background;
757
+ @switch-shadow-color: fade(#00230b, 20%);
758
+ @switch-padding: 2px;
759
+ @switch-inner-margin-min: ceil(@switch-height * 0.3);
760
+ @switch-inner-margin-max: ceil(@switch-height * 1.1);
761
+ @switch-sm-inner-margin-min: ceil(@switch-sm-height * 0.3);
762
+ @switch-sm-inner-margin-max: ceil(@switch-sm-height * 1.1);
763
+
764
+ // Pagination
765
+ // ---
766
+ @pagination-item-bg: @component-background;
767
+ @pagination-item-size: @height-base;
768
+ @pagination-item-size-sm: 24px;
769
+ @pagination-font-family: Arial;
770
+ @pagination-font-weight-active: 500;
771
+ @pagination-item-bg-active: @component-background;
772
+ @pagination-item-link-bg: @component-background;
773
+ @pagination-item-disabled-color-active: @white;
774
+ @pagination-item-disabled-bg-active: darken(@disabled-bg, 10%);
775
+ @pagination-item-input-bg: @component-background;
776
+ @pagination-mini-options-size-changer-top: 0px;
777
+
778
+ // PageHeader
779
+ // ---
780
+ @page-header-padding: @padding-lg;
781
+ @page-header-padding-vertical: @padding-md;
782
+ @page-header-padding-breadcrumb: @padding-sm;
783
+ @page-header-content-padding-vertical: @padding-sm;
784
+ @page-header-back-color: #000;
785
+ @page-header-ghost-bg: inherit;
786
+ @page-header-heading-title: @heading-4-size;
787
+ @page-header-heading-sub-title: 14px;
788
+ @page-header-tabs-tab-font-size: 16px;
789
+
790
+ // Breadcrumb
791
+ // ---
792
+ @breadcrumb-base-color: @text-color-secondary;
793
+ @breadcrumb-last-item-color: @text-color;
794
+ @breadcrumb-font-size: @font-size-base;
795
+ @breadcrumb-icon-font-size: @font-size-base;
796
+ @breadcrumb-link-color: @text-color-secondary;
797
+ @breadcrumb-link-color-hover: @primary-5;
798
+ @breadcrumb-separator-color: @text-color-secondary;
799
+ @breadcrumb-separator-margin: 0 @padding-xs;
800
+
801
+ // Slider
802
+ // ---
803
+ @slider-margin: 10px 6px 10px;
804
+ @slider-rail-background-color: @background-color-base;
805
+ @slider-rail-background-color-hover: #e1e1e1;
806
+ @slider-track-background-color: @primary-3;
807
+ @slider-track-background-color-hover: @primary-4;
808
+ @slider-handle-border-width: 2px;
809
+ @slider-handle-background-color: @component-background;
810
+ @slider-handle-color: @primary-3;
811
+ @slider-handle-color-hover: @primary-4;
812
+ @slider-handle-color-focus: tint(@primary-color, 20%);
813
+ @slider-handle-color-focus-shadow: fade(@primary-color, 12%);
814
+ @slider-handle-color-tooltip-open: @primary-color;
815
+ @slider-handle-size: 14px;
816
+ @slider-handle-margin-top: -5px;
817
+ @slider-handle-shadow: 0;
818
+ @slider-dot-border-color: @border-color-split;
819
+ @slider-dot-border-color-active: tint(@primary-color, 50%);
820
+ @slider-disabled-color: @disabled-color;
821
+ @slider-disabled-background-color: @component-background;
822
+
823
+ // Tree
824
+ // ---
825
+ @tree-bg: @component-background;
826
+ @tree-title-height: 24px;
827
+ @tree-child-padding: 18px;
828
+ @tree-directory-selected-color: #fff;
829
+ @tree-directory-selected-bg: @primary-color;
830
+ @tree-node-hover-bg: @item-hover-bg;
831
+ @tree-node-selected-bg: @primary-2;
832
+
833
+ // Collapse
834
+ // ---
835
+ @collapse-header-padding: @padding-sm @padding-md;
836
+ @collapse-header-padding-extra: 40px;
837
+ @collapse-header-bg: @background-color-light;
838
+ @collapse-content-padding: @padding-md;
839
+ @collapse-content-bg: @component-background;
840
+ @collapse-header-arrow-left: 16px;
841
+
842
+ // Skeleton
843
+ // ---
844
+ @skeleton-color: #f2f2f2;
845
+ @skeleton-to-color: shade(@skeleton-color, 5%);
846
+ @skeleton-paragraph-margin-top: 28px;
847
+ @skeleton-paragraph-li-margin-top: @margin-md;
848
+ @skeleton-paragraph-li-height: 16px;
849
+ @skeleton-title-height: 16px;
850
+ @skeleton-title-paragraph-margin-top: @margin-lg;
851
+
852
+ // Transfer
853
+ // ---
854
+ @transfer-header-height: 40px;
855
+ @transfer-item-height: @height-base;
856
+ @transfer-disabled-bg: @disabled-bg;
857
+ @transfer-list-height: 200px;
858
+ @transfer-item-hover-bg: @item-hover-bg;
859
+ @transfer-item-padding-vertical: 6px;
860
+ @transfer-list-search-icon-top: 12px;
861
+
862
+ // Message
863
+ // ---
864
+ @message-notice-content-padding: 10px 16px;
865
+ @message-notice-content-bg: @component-background;
866
+ // Motion
867
+ // ---
868
+ @wave-animation-width: 6px;
869
+
870
+ // Alert
871
+ // ---
872
+ @alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
873
+ @alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
874
+ @alert-success-icon-color: @success-color;
875
+ @alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
876
+ @alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
877
+ @alert-info-icon-color: @info-color;
878
+ @alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
879
+ @alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
880
+ @alert-warning-icon-color: @warning-color;
881
+ @alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
882
+ @alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
883
+ @alert-error-icon-color: @error-color;
884
+ @alert-message-color: @heading-color;
885
+ @alert-text-color: @text-color;
886
+ @alert-close-color: @text-color-secondary;
887
+ @alert-close-hover-color: @icon-color-hover;
888
+ @alert-no-icon-padding-vertical: @padding-xs;
889
+ @alert-with-description-no-icon-padding-vertical: @padding-md - 1px;
890
+ @alert-with-description-padding-vertical: @padding-md - 1px;
891
+ @alert-with-description-padding: @alert-with-description-padding-vertical 15px
892
+ @alert-with-description-no-icon-padding-vertical @alert-with-description-icon-size * 2 +
893
+ @alert-with-description-padding-vertical;
894
+ @alert-icon-top: 8px + @font-size-base * @line-height-base / 2 - @font-size-base / 2;
895
+ @alert-with-description-icon-size: 24px;
896
+ @alert-with-description-icon-top: @alert-with-description-padding-vertical;
897
+
898
+ // List
899
+ // ---
900
+ @list-header-background: transparent;
901
+ @list-footer-background: transparent;
902
+ @list-empty-text-padding: @padding-md;
903
+ @list-item-padding: @padding-sm 0;
904
+ @list-item-padding-sm: @padding-xs @padding-md;
905
+ @list-item-padding-lg: 16px 24px;
906
+ @list-item-meta-margin-bottom: @padding-md;
907
+ @list-item-meta-avatar-margin-right: @padding-md;
908
+ @list-item-meta-title-margin-bottom: @padding-sm;
909
+ @list-customize-card-bg: @component-background;
910
+ @list-item-meta-description-font-size: @font-size-base;
911
+
912
+ // Statistic
913
+ // ---
914
+ @statistic-title-font-size: @font-size-base;
915
+ @statistic-content-font-size: 24px;
916
+ @statistic-unit-font-size: 16px;
917
+ @statistic-font-family: @font-family;
918
+
919
+ // Drawer
920
+ // ---
921
+ @drawer-header-padding: @padding-md @padding-lg;
922
+ @drawer-body-padding: @padding-lg;
923
+ @drawer-bg: @component-background;
924
+ @drawer-footer-padding-vertical: @modal-footer-padding-vertical;
925
+ @drawer-footer-padding-horizontal: @modal-footer-padding-horizontal;
926
+ @drawer-header-close-size: 56px;
927
+
928
+ // Timeline
929
+ // ---
930
+ @timeline-width: 2px;
931
+ @timeline-color: @border-color-split;
932
+ @timeline-dot-border-width: 2px;
933
+ @timeline-dot-color: @primary-color;
934
+ @timeline-dot-bg: @component-background;
935
+ @timeline-item-padding-bottom: 20px;
936
+
937
+ // Typography
938
+ // ---
939
+ @typography-title-font-weight: 600;
940
+ @typography-title-margin-top: 1.2em;
941
+ @typography-title-margin-bottom: 0.5em;
942
+
943
+ // Upload
944
+ // ---
945
+ @upload-actions-color: @text-color-secondary;
946
+
947
+ // Steps
948
+ // ---
949
+ @process-tail-color: @border-color-split;
950
+ @steps-nav-arrow-color: fade(@black, 25%);
951
+ @steps-background: @component-background;
952
+ @steps-icon-size: 32px;
953
+ @steps-icon-custom-size: @steps-icon-size;
954
+ @steps-icon-custom-top: 0px;
955
+ @steps-icon-custom-font-size: 24px;
956
+ @steps-icon-top: -1px;
957
+ @steps-icon-font-size: @font-size-lg;
958
+ @steps-icon-margin: 0 8px 0 0;
959
+ @steps-title-line-height: @height-base;
960
+ @steps-small-icon-size: 24px;
961
+ @steps-small-icon-margin: 0 8px 0 0;
962
+ @steps-dot-size: 8px;
963
+ @steps-dot-top: 2px;
964
+ @steps-current-dot-size: 10px;
965
+ @steps-desciption-max-width: 140px;
966
+ @steps-nav-content-max-width: auto;
967
+ @steps-vertical-icon-width: 16px;
968
+ @steps-vertical-tail-width: 16px;
969
+ @steps-vertical-tail-width-sm: 12px;
970
+
971
+ // Notification
972
+ // ---
973
+ @notification-bg: @component-background;
974
+ @notification-padding-vertical: 16px;
975
+ @notification-padding-horizontal: 24px;
976
+
977
+ // Result
978
+ // ---
979
+ @result-title-font-size: 24px;
980
+ @result-subtitle-font-size: @font-size-base;
981
+ @result-icon-font-size: 72px;
982
+ @result-extra-margin: 24px 0 0 0;
983
+
984
+ // Image
985
+ // ---
986
+ @image-size-base: 48px;
987
+ @image-font-size-base: 24px;
988
+ @image-bg: #ccc;
989
+ @image-color: #fff;