inl-ui 0.1.18 → 0.1.21

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 (32) hide show
  1. package/README.md +49 -49
  2. package/dist/components/index.cjs +13 -8
  3. package/dist/components/index.d.ts +20 -1
  4. package/dist/components/index.js +14 -9
  5. package/dist/iconfont.js +69 -69
  6. package/dist/index.cjs +19 -16
  7. package/dist/index.d.ts +21 -2
  8. package/dist/index.js +20 -17
  9. package/dist/theme/index.js +70 -70
  10. package/dist/theme/scripts/dark-vars.js +21 -21
  11. package/dist/theme/scripts/default-vars.js +25 -25
  12. package/dist/theme/scripts/light-vars.js +22 -22
  13. package/dist/theme/style/color/bezierEasing.less +110 -110
  14. package/dist/theme/style/color/colorPalette.less +81 -81
  15. package/dist/theme/style/color/colors.less +162 -162
  16. package/dist/theme/style/color/tinyColor.less +1184 -1184
  17. package/dist/theme/style/compact.less +4 -4
  18. package/dist/theme/style/dark.less +4 -4
  19. package/dist/theme/style/default.less +4 -4
  20. package/dist/theme/style/index.less +2 -2
  21. package/dist/theme/style/index.tsx +2 -2
  22. package/dist/theme/style/themes/compact.less +295 -295
  23. package/dist/theme/style/themes/dark.less +790 -790
  24. package/dist/theme/style/themes/default.less +1067 -1067
  25. package/dist/theme/style/themes/index.less +7 -7
  26. package/dist/theme/style/themes/var-dark.less +343 -343
  27. package/dist/theme/style/themes/var-default.less +184 -184
  28. package/dist/theme/style/themes/variable.less +1122 -1122
  29. package/dist/theme/style/variable.less +4 -4
  30. package/dist/tplib/index.cjs +5 -7
  31. package/dist/tplib/index.js +5 -7
  32. package/package.json +1 -1
package/dist/theme/style/compact.less CHANGED
@@ -1,4 +1,4 @@
1
- @root-entry-name: default;
2
-
3
- @import './themes/compact.less';
4
- @import './core/index';
1
+ @root-entry-name: default;
2
+
3
+ @import './themes/compact.less';
4
+ @import './core/index';
package/dist/theme/style/dark.less CHANGED
@@ -1,4 +1,4 @@
1
- @root-entry-name: default;
2
-
3
- @import './themes/dark.less';
4
- @import './core/index';
1
+ @root-entry-name: default;
2
+
3
+ @import './themes/dark.less';
4
+ @import './core/index';
package/dist/theme/style/default.less CHANGED
@@ -1,4 +1,4 @@
1
- // This is same as `index.less` but given `root-entry-name` for `dist/antd.less` usage
2
- @root-entry-name: default;
3
-
4
- @import './index';
1
+ // This is same as `index.less` but given `root-entry-name` for `dist/antd.less` usage
2
+ @root-entry-name: default;
3
+
4
+ @import './index';
package/dist/theme/style/index.less CHANGED
@@ -1,2 +1,2 @@
1
- @import './themes/index';
2
- @import './core/index';
1
+ @import './themes/index';
2
+ @import './core/index';
package/dist/theme/style/index.tsx CHANGED
@@ -1,2 +1,2 @@
1
- import "./index.less";
2
- import "./themes/custom-dark";
1
+ import "./index.less";
2
+ import "./themes/custom-dark";
package/dist/theme/style/themes/compact.less CHANGED
@@ -1,295 +1,295 @@
1
- @import './default.less';
2
-
3
- @line-height-base: 1.66667;
4
- @mode: compact;
5
- @font-size-base: 12px;
6
- @font-size-lg: @font-size-base + 2px;
7
-
8
- // default paddings
9
- @default-padding-lg: 24px; // containers
10
- @default-padding-md: 16px; // small containers and buttons
11
- @default-padding-sm: 12px; // Form controls and items
12
- @default-padding-xs: 8px; // small items
13
- @default-padding-xss: 4px; // more small
14
-
15
- // vertical paddings
16
- @padding-lg: 16px; // containers
17
- @padding-md: 8px; // small containers and buttons
18
- @padding-sm: 8px; // Form controls and items
19
- @padding-xs: 4px; // small items
20
- @padding-xss: 0px; // more small
21
-
22
- // vertical padding for all form controls
23
- @control-padding-horizontal: @padding-sm;
24
- @control-padding-horizontal-sm: @default-padding-xs;
25
-
26
- // vertical margins
27
- @margin-lg: 16px; // containers
28
- @margin-md: 8px; // small containers and buttons
29
- @margin-sm: 8px; // Form controls and items
30
- @margin-xs: 4px; // small items
31
- @margin-xss: 0px; // more small
32
-
33
- // height rules
34
- @height-base: 28px;
35
- @height-lg: 32px;
36
- @height-sm: 22px;
37
-
38
- // Button
39
- // ---
40
- @btn-padding-horizontal-base: @default-padding-sm - 1px;
41
- @btn-padding-horizontal-lg: @btn-padding-horizontal-base;
42
- @btn-padding-horizontal-sm: @default-padding-xs - 1px;
43
- @btn-square-only-icon-size-lg: 16px;
44
- @btn-square-only-icon-size: 14px;
45
- @btn-square-only-icon-size-sm: 12px;
46
-
47
- // Breadcrumb
48
- // ---
49
- @breadcrumb-font-size: @font-size-base;
50
- @breadcrumb-icon-font-size: @font-size-base;
51
-
52
- //Dropdown
53
- @dropdown-line-height: 18px;
54
-
55
- // Menu
56
- @menu-item-padding: 0 12px;
57
- @menu-horizontal-line-height: 38px;
58
- @menu-inline-toplevel-item-height: 32px;
59
- @menu-item-height: 32px;
60
- @menu-item-vertical-margin: 0px;
61
- @menu-item-boundary-margin: 0px;
62
- @menu-icon-margin-right: 8px;
63
-
64
- // Checkbox
65
- @checkbox-size: 14px;
66
- @checkbox-group-item-margin-right: 6px;
67
-
68
- // picker
69
- @picker-panel-cell-height: 22px;
70
- @picker-panel-cell-width: 32px;
71
- @picker-text-height: 32px;
72
- @picker-time-panel-cell-height: 24px;
73
- @picker-panel-without-time-cell-height: 48px;
74
-
75
- // Form
76
- // ---
77
- @form-item-margin-bottom: 16px;
78
- @form-vertical-label-padding: 0 0 4px;
79
-
80
- // Rate
81
- // ---
82
- @rate-star-size: 16px;
83
-
84
- // Radio
85
- // ---
86
- @radio-size: 14px;
87
- @radio-wrapper-margin-right: 6px;
88
-
89
- // Switch
90
- // ---
91
- @switch-height: 20px;
92
- @switch-sm-height: 14px;
93
- @switch-min-width: 40px;
94
- @switch-sm-min-width: 24px;
95
- @switch-inner-margin-min: 4px;
96
- @switch-inner-margin-max: 22px;
97
-
98
- // Slider
99
- // ---
100
- @slider-handle-size: 12px;
101
- @slider-handle-margin-top: -4px;
102
-
103
- // Input
104
- // ---
105
- @input-padding-vertical-base: round(
106
- max(
107
- (round(((@input-height-base - @font-size-base * @line-height-base) / 2) * 10) / 10) -
108
- @border-width-base,
109
- 2px
110
- )
111
- );
112
- @input-padding-horizontal-lg: 11px;
113
-
114
- // PageHeader
115
- // ---
116
- @page-header-padding: 16px;
117
- @page-header-padding-vertical: 8px;
118
- @page-header-heading-title: 16px;
119
- @page-header-heading-sub-title: 12px;
120
- @page-header-tabs-tab-font-size: 14px;
121
-
122
- // Pagination
123
- // ---
124
- @pagination-mini-options-size-changer-top: 1px;
125
- @pagination-item-size-sm: 22px;
126
-
127
- // Cascader
128
- // ----
129
- @cascader-dropdown-line-height: @dropdown-line-height;
130
-
131
- // Select
132
- // ---
133
- @select-dropdown-height: @height-base;
134
- @select-single-item-height-lg: 32px;
135
- @select-multiple-item-height: @input-height-base - max(@input-padding-vertical-base, 4) * 2; // Normal 24px
136
- @select-multiple-item-height-lg: 24px;
137
- @select-multiple-item-spacing-half: 3px;
138
-
139
- // Tree
140
- // ---
141
- @tree-title-height: 20px;
142
-
143
- // Transfer
144
- // ---
145
- @transfer-item-padding-vertical: 3px;
146
- @transfer-list-search-icon-top: 8px;
147
- @transfer-header-height: 36px;
148
-
149
- // Comment
150
- // ---
151
- @comment-actions-margin-bottom: 0px;
152
- @comment-actions-margin-top: @margin-xs;
153
- @comment-content-detail-p-margin-bottom: 0px;
154
-
155
- // Steps
156
- // ---
157
- @steps-icon-size: 24px;
158
- @steps-icon-custom-size: 20px;
159
- @steps-icon-custom-font-size: 20px;
160
- @steps-icon-custom-top: 2px;
161
- @steps-icon-margin: 2px 8px 2px 0;
162
- @steps-icon-font-size: @font-size-base;
163
- @steps-dot-top: 4px;
164
- @steps-icon-top: 0px;
165
- @steps-small-icon-size: 20px;
166
- @steps-vertical-icon-width: 12px;
167
- @steps-vertical-tail-width: 12px;
168
- @steps-vertical-tail-width-sm: 10px;
169
- // Collapse
170
- // ---
171
- //@collapse-header-padding-extra: 32px;
172
- @collapse-content-padding: @padding-md @padding-lg;
173
-
174
- // List
175
- // ---
176
- @list-item-meta-description-font-size: @font-size-sm;
177
- @list-item-padding-sm: 4px 12px;
178
- @list-item-padding-lg: 12px 16px;
179
-
180
- // Drawer
181
- // ---
182
- @drawer-header-padding: 11px @padding-lg;
183
- @drawer-footer-padding-vertical: @padding-sm;
184
- @drawer-footer-padding-horizontal: @padding-sm;
185
- @drawer-header-close-size: 44px;
186
-
187
- // Modal
188
- // --
189
- @modal-header-padding: 11px @modal-header-padding-horizontal;
190
- @modal-footer-padding-vertical: @padding-sm;
191
- @modal-header-close-size: 44px;
192
- @modal-confirm-body-padding: 24px 24px 16px;
193
-
194
- // Message
195
- // ---
196
- @message-notice-content-padding: 8px 16px;
197
-
198
- // popover
199
- // --
200
- @popover-min-height: 28px;
201
- @popover-padding-horizontal: @default-padding-sm;
202
-
203
- // Card
204
- // ---
205
- @card-padding-base: 16px;
206
- @card-head-height: 36px;
207
- @card-head-font-size: @card-head-font-size-sm;
208
- @card-head-padding: 8.5px;
209
- @card-padding-base: 12px;
210
- @card-padding-base-sm: @card-padding-base;
211
- @card-head-height-sm: 30px;
212
- @card-head-padding-sm: 6px;
213
- @card-actions-li-margin: 4px 0;
214
- @card-head-tabs-margin-bottom: -9px;
215
-
216
- // Table
217
- // ---
218
- @table-padding-vertical: 12px;
219
- @table-padding-horizontal: 8px;
220
- @table-padding-vertical-md: 8px;
221
- @table-padding-horizontal-md: 8px;
222
- @table-padding-vertical-sm: 4px;
223
- @table-padding-horizontal-sm: 4px;
224
- @table-selection-column-width: 32px;
225
-
226
- // Statistic
227
- // ---
228
- @statistic-content-font-size: 20px;
229
-
230
- // Alert
231
- // ---
232
- @alert-with-description-no-icon-padding-vertical: 7px;
233
- @alert-with-description-padding-vertical: 11px;
234
- @alert-icon-top: 7px + @font-size-base * (@line-height-base / 2) - (@font-size-base / 2);
235
- @alert-with-description-icon-size: 20px;
236
-
237
- // Skeleton
238
- // ---
239
- @skeleton-paragraph-margin-top: 20px;
240
- @skeleton-paragraph-li-margin-top: 12px;
241
- @skeleton-paragraph-li-height: 14px;
242
- @skeleton-title-height: 14px;
243
- @skeleton-title-paragraph-margin-top: 20px;
244
-
245
- // Descriptions
246
- @descriptions-title-margin-bottom: 8px;
247
- @descriptions-default-padding: 12px @padding-lg;
248
- @descriptions-item-padding-bottom: @padding-xs;
249
-
250
- // Avatar
251
- // ---
252
- @avatar-size-base: 28px;
253
- @avatar-size-lg: 32px;
254
- @avatar-size-sm: 22px;
255
- @avatar-font-size-base: 16px;
256
- @avatar-font-size-lg: 20px;
257
- @avatar-font-size-sm: 12px;
258
-
259
- // Badge
260
- // ---
261
- @badge-height: 18px;
262
-
263
- // Tag
264
- // ---
265
- @tag-line-height: 18px;
266
-
267
- // Notification
268
- // ---
269
- @notification-padding-vertical: 12px;
270
- @notification-padding-horizontal: 16px;
271
-
272
- // Result
273
- // ---
274
- @result-title-font-size: 20px;
275
- @result-icon-font-size: 64px;
276
- @result-extra-margin: 24px 0 0 0;
277
-
278
- // Anchor
279
- // ---
280
- @anchor-link-top: 4px;
281
- @anchor-link-left: 16px;
282
- @anchor-link-padding: @anchor-link-top 0 @anchor-link-top @anchor-link-left;
283
-
284
- // Tabs
285
- // ---
286
- @tabs-card-horizontal-padding: 4px @padding-md;
287
-
288
- // Progress
289
- // ---
290
- @progress-circle-text-font-size: 0.833333em;
291
-
292
- // Image
293
- // ---
294
- @image-size-base: 48px;
295
- @image-font-size-base: 24px;
1
+ @import './default.less';
2
+
3
+ @line-height-base: 1.66667;
4
+ @mode: compact;
5
+ @font-size-base: 12px;
6
+ @font-size-lg: @font-size-base + 2px;
7
+
8
+ // default paddings
9
+ @default-padding-lg: 24px; // containers
10
+ @default-padding-md: 16px; // small containers and buttons
11
+ @default-padding-sm: 12px; // Form controls and items
12
+ @default-padding-xs: 8px; // small items
13
+ @default-padding-xss: 4px; // more small
14
+
15
+ // vertical paddings
16
+ @padding-lg: 16px; // containers
17
+ @padding-md: 8px; // small containers and buttons
18
+ @padding-sm: 8px; // Form controls and items
19
+ @padding-xs: 4px; // small items
20
+ @padding-xss: 0px; // more small
21
+
22
+ // vertical padding for all form controls
23
+ @control-padding-horizontal: @padding-sm;
24
+ @control-padding-horizontal-sm: @default-padding-xs;
25
+
26
+ // vertical margins
27
+ @margin-lg: 16px; // containers
28
+ @margin-md: 8px; // small containers and buttons
29
+ @margin-sm: 8px; // Form controls and items
30
+ @margin-xs: 4px; // small items
31
+ @margin-xss: 0px; // more small
32
+
33
+ // height rules
34
+ @height-base: 28px;
35
+ @height-lg: 32px;
36
+ @height-sm: 22px;
37
+
38
+ // Button
39
+ // ---
40
+ @btn-padding-horizontal-base: @default-padding-sm - 1px;
41
+ @btn-padding-horizontal-lg: @btn-padding-horizontal-base;
42
+ @btn-padding-horizontal-sm: @default-padding-xs - 1px;
43
+ @btn-square-only-icon-size-lg: 16px;
44
+ @btn-square-only-icon-size: 14px;
45
+ @btn-square-only-icon-size-sm: 12px;
46
+
47
+ // Breadcrumb
48
+ // ---
49
+ @breadcrumb-font-size: @font-size-base;
50
+ @breadcrumb-icon-font-size: @font-size-base;
51
+
52
+ //Dropdown
53
+ @dropdown-line-height: 18px;
54
+
55
+ // Menu
56
+ @menu-item-padding: 0 12px;
57
+ @menu-horizontal-line-height: 38px;
58
+ @menu-inline-toplevel-item-height: 32px;
59
+ @menu-item-height: 32px;
60
+ @menu-item-vertical-margin: 0px;
61
+ @menu-item-boundary-margin: 0px;
62
+ @menu-icon-margin-right: 8px;
63
+
64
+ // Checkbox
65
+ @checkbox-size: 14px;
66
+ @checkbox-group-item-margin-right: 6px;
67
+
68
+ // picker
69
+ @picker-panel-cell-height: 22px;
70
+ @picker-panel-cell-width: 32px;
71
+ @picker-text-height: 32px;
72
+ @picker-time-panel-cell-height: 24px;
73
+ @picker-panel-without-time-cell-height: 48px;
74
+
75
+ // Form
76
+ // ---
77
+ @form-item-margin-bottom: 16px;
78
+ @form-vertical-label-padding: 0 0 4px;
79
+
80
+ // Rate
81
+ // ---
82
+ @rate-star-size: 16px;
83
+
84
+ // Radio
85
+ // ---
86
+ @radio-size: 14px;
87
+ @radio-wrapper-margin-right: 6px;
88
+
89
+ // Switch
90
+ // ---
91
+ @switch-height: 20px;
92
+ @switch-sm-height: 14px;
93
+ @switch-min-width: 40px;
94
+ @switch-sm-min-width: 24px;
95
+ @switch-inner-margin-min: 4px;
96
+ @switch-inner-margin-max: 22px;
97
+
98
+ // Slider
99
+ // ---
100
+ @slider-handle-size: 12px;
101
+ @slider-handle-margin-top: -4px;
102
+
103
+ // Input
104
+ // ---
105
+ @input-padding-vertical-base: round(
106
+ max(
107
+ (round(((@input-height-base - @font-size-base * @line-height-base) / 2) * 10) / 10) -
108
+ @border-width-base,
109
+ 2px
110
+ )
111
+ );
112
+ @input-padding-horizontal-lg: 11px;
113
+
114
+ // PageHeader
115
+ // ---
116
+ @page-header-padding: 16px;
117
+ @page-header-padding-vertical: 8px;
118
+ @page-header-heading-title: 16px;
119
+ @page-header-heading-sub-title: 12px;
120
+ @page-header-tabs-tab-font-size: 14px;
121
+
122
+ // Pagination
123
+ // ---
124
+ @pagination-mini-options-size-changer-top: 1px;
125
+ @pagination-item-size-sm: 22px;
126
+
127
+ // Cascader
128
+ // ----
129
+ @cascader-dropdown-line-height: @dropdown-line-height;
130
+
131
+ // Select
132
+ // ---
133
+ @select-dropdown-height: @height-base;
134
+ @select-single-item-height-lg: 32px;
135
+ @select-multiple-item-height: @input-height-base - max(@input-padding-vertical-base, 4) * 2; // Normal 24px
136
+ @select-multiple-item-height-lg: 24px;
137
+ @select-multiple-item-spacing-half: 3px;
138
+
139
+ // Tree
140
+ // ---
141
+ @tree-title-height: 20px;
142
+
143
+ // Transfer
144
+ // ---
145
+ @transfer-item-padding-vertical: 3px;
146
+ @transfer-list-search-icon-top: 8px;
147
+ @transfer-header-height: 36px;
148
+
149
+ // Comment
150
+ // ---
151
+ @comment-actions-margin-bottom: 0px;
152
+ @comment-actions-margin-top: @margin-xs;
153
+ @comment-content-detail-p-margin-bottom: 0px;
154
+
155
+ // Steps
156
+ // ---
157
+ @steps-icon-size: 24px;
158
+ @steps-icon-custom-size: 20px;
159
+ @steps-icon-custom-font-size: 20px;
160
+ @steps-icon-custom-top: 2px;
161
+ @steps-icon-margin: 2px 8px 2px 0;
162
+ @steps-icon-font-size: @font-size-base;
163
+ @steps-dot-top: 4px;
164
+ @steps-icon-top: 0px;
165
+ @steps-small-icon-size: 20px;
166
+ @steps-vertical-icon-width: 12px;
167
+ @steps-vertical-tail-width: 12px;
168
+ @steps-vertical-tail-width-sm: 10px;
169
+ // Collapse
170
+ // ---
171
+ //@collapse-header-padding-extra: 32px;
172
+ @collapse-content-padding: @padding-md @padding-lg;
173
+
174
+ // List
175
+ // ---
176
+ @list-item-meta-description-font-size: @font-size-sm;
177
+ @list-item-padding-sm: 4px 12px;
178
+ @list-item-padding-lg: 12px 16px;
179
+
180
+ // Drawer
181
+ // ---
182
+ @drawer-header-padding: 11px @padding-lg;
183
+ @drawer-footer-padding-vertical: @padding-sm;
184
+ @drawer-footer-padding-horizontal: @padding-sm;
185
+ @drawer-header-close-size: 44px;
186
+
187
+ // Modal
188
+ // --
189
+ @modal-header-padding: 11px @modal-header-padding-horizontal;
190
+ @modal-footer-padding-vertical: @padding-sm;
191
+ @modal-header-close-size: 44px;
192
+ @modal-confirm-body-padding: 24px 24px 16px;
193
+
194
+ // Message
195
+ // ---
196
+ @message-notice-content-padding: 8px 16px;
197
+
198
+ // popover
199
+ // --
200
+ @popover-min-height: 28px;
201
+ @popover-padding-horizontal: @default-padding-sm;
202
+
203
+ // Card
204
+ // ---
205
+ @card-padding-base: 16px;
206
+ @card-head-height: 36px;
207
+ @card-head-font-size: @card-head-font-size-sm;
208
+ @card-head-padding: 8.5px;
209
+ @card-padding-base: 12px;
210
+ @card-padding-base-sm: @card-padding-base;
211
+ @card-head-height-sm: 30px;
212
+ @card-head-padding-sm: 6px;
213
+ @card-actions-li-margin: 4px 0;
214
+ @card-head-tabs-margin-bottom: -9px;
215
+
216
+ // Table
217
+ // ---
218
+ @table-padding-vertical: 12px;
219
+ @table-padding-horizontal: 8px;
220
+ @table-padding-vertical-md: 8px;
221
+ @table-padding-horizontal-md: 8px;
222
+ @table-padding-vertical-sm: 4px;
223
+ @table-padding-horizontal-sm: 4px;
224
+ @table-selection-column-width: 32px;
225
+
226
+ // Statistic
227
+ // ---
228
+ @statistic-content-font-size: 20px;
229
+
230
+ // Alert
231
+ // ---
232
+ @alert-with-description-no-icon-padding-vertical: 7px;
233
+ @alert-with-description-padding-vertical: 11px;
234
+ @alert-icon-top: 7px + @font-size-base * (@line-height-base / 2) - (@font-size-base / 2);
235
+ @alert-with-description-icon-size: 20px;
236
+
237
+ // Skeleton
238
+ // ---
239
+ @skeleton-paragraph-margin-top: 20px;
240
+ @skeleton-paragraph-li-margin-top: 12px;
241
+ @skeleton-paragraph-li-height: 14px;
242
+ @skeleton-title-height: 14px;
243
+ @skeleton-title-paragraph-margin-top: 20px;
244
+
245
+ // Descriptions
246
+ @descriptions-title-margin-bottom: 8px;
247
+ @descriptions-default-padding: 12px @padding-lg;
248
+ @descriptions-item-padding-bottom: @padding-xs;
249
+
250
+ // Avatar
251
+ // ---
252
+ @avatar-size-base: 28px;
253
+ @avatar-size-lg: 32px;
254
+ @avatar-size-sm: 22px;
255
+ @avatar-font-size-base: 16px;
256
+ @avatar-font-size-lg: 20px;
257
+ @avatar-font-size-sm: 12px;
258
+
259
+ // Badge
260
+ // ---
261
+ @badge-height: 18px;
262
+
263
+ // Tag
264
+ // ---
265
+ @tag-line-height: 18px;
266
+
267
+ // Notification
268
+ // ---
269
+ @notification-padding-vertical: 12px;
270
+ @notification-padding-horizontal: 16px;
271
+
272
+ // Result
273
+ // ---
274
+ @result-title-font-size: 20px;
275
+ @result-icon-font-size: 64px;
276
+ @result-extra-margin: 24px 0 0 0;
277
+
278
+ // Anchor
279
+ // ---
280
+ @anchor-link-top: 4px;
281
+ @anchor-link-left: 16px;
282
+ @anchor-link-padding: @anchor-link-top 0 @anchor-link-top @anchor-link-left;
283
+
284
+ // Tabs
285
+ // ---
286
+ @tabs-card-horizontal-padding: 4px @padding-md;
287
+
288
+ // Progress
289
+ // ---
290
+ @progress-circle-text-font-size: 0.833333em;
291
+
292
+ // Image
293
+ // ---
294
+ @image-size-base: 48px;
295
+ @image-font-size-base: 24px;