@itcase/ui 1.8.159 → 1.8.161

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 (99) hide show
  1. package/dist/cjs/components/Modal.js +6 -6
  2. package/dist/components/Modal.js +6 -6
  3. package/dist/css/components/Accordion/Accordion.css +90 -10
  4. package/dist/css/components/Avatar/Avatar.css +219 -12
  5. package/dist/css/components/AvatarStack/AvatarStack.css +54 -8
  6. package/dist/css/components/Badge/Badge.css +1131 -25
  7. package/dist/css/components/Breadcrumbs/Breadcrumbs.css +27 -5
  8. package/dist/css/components/Button/Button.css +467 -21
  9. package/dist/css/components/Cell/Cell.css +31 -6
  10. package/dist/css/components/Checkbox/Checkbox.css +10896 -164
  11. package/dist/css/components/Checkmark/Checkmark.css +60 -9
  12. package/dist/css/components/Chips/Chips.css +53 -7
  13. package/dist/css/components/Choice/Choice.css +123 -13
  14. package/dist/css/components/Choice/css/__item/choice__item_size.css +78 -8
  15. package/dist/css/components/Code/Code.css +55 -11
  16. package/dist/css/components/DatePeriod/DatePeriod.css +61 -11
  17. package/dist/css/components/Divider/Divider.css +35 -15
  18. package/dist/css/components/Dot/Dot.css +41 -7
  19. package/dist/css/components/Dropdown/Dropdown.css +66 -10
  20. package/dist/css/components/Flex/Flex.css +239 -40
  21. package/dist/css/components/Flex/css/__item/flex__item_align.css +51 -8
  22. package/dist/css/components/Flex/css/__item/flex__item_direction.css +11 -4
  23. package/dist/css/components/Flex/css/__item/flex__item_grow.css +5 -4
  24. package/dist/css/components/Flex/css/__item/flex__item_justify-content.css +17 -4
  25. package/dist/css/components/Grid/Grid.css +2207 -106
  26. package/dist/css/components/Grid/css/__item/grid__item_align-self.css +53 -4
  27. package/dist/css/components/Grid/css/__item/grid__item_column.css +270 -9
  28. package/dist/css/components/Grid/css/__item/grid__item_justify-self.css +66 -8
  29. package/dist/css/components/Grid/css/__item/grid__item_row.css +270 -9
  30. package/dist/css/components/Group/Group.css +5220 -117
  31. package/dist/css/components/HeroTitle/HeroTitle.css +27 -4
  32. package/dist/css/components/Icon/Icon.css +7601 -99
  33. package/dist/css/components/Input/Input.css +42 -10
  34. package/dist/css/components/InputPassword/InputPassword.css +42 -10
  35. package/dist/css/components/Label/Label.css +34 -6
  36. package/dist/css/components/Link/Link.css +14 -4
  37. package/dist/css/components/List/List.css +425 -23
  38. package/dist/css/components/Loader/Loader.css +79 -9
  39. package/dist/css/components/Logo/Logo.css +84 -13
  40. package/dist/css/components/MenuItem/MenuItem.css +105 -15
  41. package/dist/css/components/Modal/Modal.css +103 -9
  42. package/dist/css/components/Notification/Notification.css +39 -5
  43. package/dist/css/components/Notification/css/__item/notification__item_size.css +39 -5
  44. package/dist/css/components/Pagination/Pagination.css +82 -19
  45. package/dist/css/components/Pagination/css/__item/pagination__item.css +11 -4
  46. package/dist/css/components/Pagination/css/__item/pagination__item_size.css +15 -5
  47. package/dist/css/components/Radio/Radio.css +11019 -155
  48. package/dist/css/components/RangeSlider/RangeSlider.css +2584 -64
  49. package/dist/css/components/ScrollToView/ScrollToView.css +1974 -10
  50. package/dist/css/components/Search/Search.css +34 -6
  51. package/dist/css/components/Search/css/search-input/search-input_size.css +34 -6
  52. package/dist/css/components/Segmented/Segmented.css +60 -8
  53. package/dist/css/components/Segmented/css/__item/segmaented__item.css +60 -8
  54. package/dist/css/components/Select/Select.css +456 -25
  55. package/dist/css/components/Select/css/__input-container/select__input-container.css +369 -12
  56. package/dist/css/components/Select/css/__menu/select__menu-list-item_size.css +20 -4
  57. package/dist/css/components/Switch/Switch.css +53 -7
  58. package/dist/css/components/Tab/Tab.css +79 -10
  59. package/dist/css/components/Text/Text.css +61 -12
  60. package/dist/css/components/Textarea/Textarea.css +32 -4
  61. package/dist/css/components/Tile/Tile.css +49 -6
  62. package/dist/css/components/Title/Title.css +53 -5
  63. package/dist/css/components/Tooltip/Tooltip.css +21 -5
  64. package/dist/css/components/Warning/Warning.css +6 -8
  65. package/dist/css/styles/align/align.css +20 -3
  66. package/dist/css/styles/align/align_horizontal-reverse.css +188 -4
  67. package/dist/css/styles/align/align_horizontal.css +188 -4
  68. package/dist/css/styles/align/align_vertical-reverse.css +176 -4
  69. package/dist/css/styles/align/align_vertical.css +176 -4
  70. package/dist/css/styles/align-items/align-items.css +16 -3
  71. package/dist/css/styles/align-self/align-self.css +17 -4
  72. package/dist/css/styles/blur/blur.css +78 -5
  73. package/dist/css/styles/border/border.css +224 -10
  74. package/dist/css/styles/border-color/border-color.css +24322 -53
  75. package/dist/css/styles/border-width/border-width.css +52 -4
  76. package/dist/css/styles/bundle.css +96767 -7865
  77. package/dist/css/styles/caret-color/caret-color.css +276 -8
  78. package/dist/css/styles/cursor/cursor.css +21 -5
  79. package/dist/css/styles/elevation/elevation.css +23 -4
  80. package/dist/css/styles/elevation/elevation_hover.css +37 -4
  81. package/dist/css/styles/fill/fill.css +7646 -70
  82. package/dist/css/styles/fill/fill_gradient.css +519 -12
  83. package/dist/css/styles/flex/flex-grow.css +5 -4
  84. package/dist/css/styles/hover/hover-fill-color.css +836 -9
  85. package/dist/css/styles/hover/hover-item-color.css +1074 -9
  86. package/dist/css/styles/hover/hover-text-color.css +1074 -9
  87. package/dist/css/styles/justify-content/justify-content.css +32 -4
  88. package/dist/css/styles/opacity/opacity.css +70 -5
  89. package/dist/css/styles/placeholder-text-color/placeholder-text-color.css +354 -8
  90. package/dist/css/styles/svg-color/svg_fill.css +1018 -9
  91. package/dist/css/styles/svg-color/svg_fill_hover.css +471 -8
  92. package/dist/css/styles/svg-color/svg_path_fill.css +354 -8
  93. package/dist/css/styles/text-align/text-align.css +8 -4
  94. package/dist/css/styles/text-color/text-color.css +3570 -45
  95. package/dist/css/styles/text-decoration/text-decoration.css +5 -4
  96. package/dist/css/styles/text-gradient/text-gradient.css +1182 -12
  97. package/dist/css/styles/text-style/text-style.css +5 -4
  98. package/dist/css/styles/text-weight/text-weight.css +147 -7
  99. package/package.json +7 -7
package/dist/css/components/Badge/Badge.css CHANGED
@@ -32,49 +32,1155 @@
32
32
  }
33
33
  .badge {
34
34
  &_size {
35
- @each $size in xxs, xs, s, m, l, xl, xxl {
36
- &_$(size) {
37
- min-width: var(--badge-size-$(size)-min-width);
38
- min-height: var(--badge-size-$(size)-min-height);
39
- gap: var(--badge-size-$(size)-gap);
40
- padding: var(--badge-size-$(size)-padding);
35
+ &_xxs {
36
+ min-width: var(--badge-size-xxs-min-width);
37
+ min-height: var(--badge-size-xxs-min-height);
38
+ gap: var(--badge-size-xxs-gap);
39
+ padding: var(--badge-size-xxs-padding);
40
+ }
41
+ &_xs {
42
+ min-width: var(--badge-size-xs-min-width);
43
+ min-height: var(--badge-size-xs-min-height);
44
+ gap: var(--badge-size-xs-gap);
45
+ padding: var(--badge-size-xs-padding);
46
+ }
47
+ &_s {
48
+ min-width: var(--badge-size-s-min-width);
49
+ min-height: var(--badge-size-s-min-height);
50
+ gap: var(--badge-size-s-gap);
51
+ padding: var(--badge-size-s-padding);
52
+ }
53
+ &_m {
54
+ min-width: var(--badge-size-m-min-width);
55
+ min-height: var(--badge-size-m-min-height);
56
+ gap: var(--badge-size-m-gap);
57
+ padding: var(--badge-size-m-padding);
58
+ }
59
+ &_l {
60
+ min-width: var(--badge-size-l-min-width);
61
+ min-height: var(--badge-size-l-min-height);
62
+ gap: var(--badge-size-l-gap);
63
+ padding: var(--badge-size-l-padding);
64
+ }
65
+ &_xl {
66
+ min-width: var(--badge-size-xl-min-width);
67
+ min-height: var(--badge-size-xl-min-height);
68
+ gap: var(--badge-size-xl-gap);
69
+ padding: var(--badge-size-xl-padding);
70
+ }
71
+ &_xxl {
72
+ min-width: var(--badge-size-xxl-min-width);
73
+ min-height: var(--badge-size-xxl-min-height);
74
+ gap: var(--badge-size-xxl-gap);
75
+ padding: var(--badge-size-xxl-padding);
41
76
  }
42
- }
43
77
  }
44
78
  }
45
79
  .badge {
46
- @each $type in dot-icon-counter, icon-counter, counter, dot, icon, fill {
47
- &_type_$(type) {
48
- @each $size in xxl, xl, l, m, s, xs, xxs {
49
- &^&_size_$(size) {
80
+ &_type_dot-icon-counter {
81
+ &^&_size_xxl {
50
82
  min-width: var(
51
- --badge-type-$(type)-size-$(size)-min-width,
52
- var(--badge-size-$(size)-min-width)
83
+ --badge-type-dot-icon-counter-size-xxl-min-width,
84
+ var(--badge-size-xxl-min-width)
53
85
  );
54
86
  min-height: var(
55
- --badge-type-$(type)-size-$(size)-min-height,
56
- var(--badge-size-$(size)-min-height)
87
+ --badge-type-dot-icon-counter-size-xxl-min-height,
88
+ var(--badge-size-xxl-min-height)
57
89
  );
58
90
  max-width: var(
59
- --badge-type-$(type)-size-$(size)-max-width,
60
- var(--badge-size-$(size)-max-width)
91
+ --badge-type-dot-icon-counter-size-xxl-max-width,
92
+ var(--badge-size-xxl-max-width)
61
93
  );
62
94
  max-height: var(
63
- --badge-type-$(type)-size-$(size)-max-height,
64
- var(--badge-size-$(size)-max-height)
95
+ --badge-type-dot-icon-counter-size-xxl-max-height,
96
+ var(--badge-size-xxl-max-height)
65
97
  );
66
98
  padding: var(
67
- --badge-type-$(type)-size-$(size)-padding,
68
- var(--badge-size-$(size)-padding)
99
+ --badge-type-dot-icon-counter-size-xxl-padding,
100
+ var(--badge-size-xxl-padding)
69
101
  );
70
102
  gap: var(
71
- --badge-type-$(type)-size-$(size)-gap,
72
- var(--badge-size-$(size)-gap)
103
+ --badge-type-dot-icon-counter-size-xxl-gap,
104
+ var(--badge-size-xxl-gap)
105
+ );
106
+ }
107
+ &^&_size_xl {
108
+ min-width: var(
109
+ --badge-type-dot-icon-counter-size-xl-min-width,
110
+ var(--badge-size-xl-min-width)
111
+ );
112
+ min-height: var(
113
+ --badge-type-dot-icon-counter-size-xl-min-height,
114
+ var(--badge-size-xl-min-height)
115
+ );
116
+ max-width: var(
117
+ --badge-type-dot-icon-counter-size-xl-max-width,
118
+ var(--badge-size-xl-max-width)
119
+ );
120
+ max-height: var(
121
+ --badge-type-dot-icon-counter-size-xl-max-height,
122
+ var(--badge-size-xl-max-height)
123
+ );
124
+ padding: var(
125
+ --badge-type-dot-icon-counter-size-xl-padding,
126
+ var(--badge-size-xl-padding)
127
+ );
128
+ gap: var(
129
+ --badge-type-dot-icon-counter-size-xl-gap,
130
+ var(--badge-size-xl-gap)
131
+ );
132
+ }
133
+ &^&_size_l {
134
+ min-width: var(
135
+ --badge-type-dot-icon-counter-size-l-min-width,
136
+ var(--badge-size-l-min-width)
137
+ );
138
+ min-height: var(
139
+ --badge-type-dot-icon-counter-size-l-min-height,
140
+ var(--badge-size-l-min-height)
141
+ );
142
+ max-width: var(
143
+ --badge-type-dot-icon-counter-size-l-max-width,
144
+ var(--badge-size-l-max-width)
145
+ );
146
+ max-height: var(
147
+ --badge-type-dot-icon-counter-size-l-max-height,
148
+ var(--badge-size-l-max-height)
149
+ );
150
+ padding: var(
151
+ --badge-type-dot-icon-counter-size-l-padding,
152
+ var(--badge-size-l-padding)
153
+ );
154
+ gap: var(
155
+ --badge-type-dot-icon-counter-size-l-gap,
156
+ var(--badge-size-l-gap)
157
+ );
158
+ }
159
+ &^&_size_m {
160
+ min-width: var(
161
+ --badge-type-dot-icon-counter-size-m-min-width,
162
+ var(--badge-size-m-min-width)
163
+ );
164
+ min-height: var(
165
+ --badge-type-dot-icon-counter-size-m-min-height,
166
+ var(--badge-size-m-min-height)
167
+ );
168
+ max-width: var(
169
+ --badge-type-dot-icon-counter-size-m-max-width,
170
+ var(--badge-size-m-max-width)
171
+ );
172
+ max-height: var(
173
+ --badge-type-dot-icon-counter-size-m-max-height,
174
+ var(--badge-size-m-max-height)
175
+ );
176
+ padding: var(
177
+ --badge-type-dot-icon-counter-size-m-padding,
178
+ var(--badge-size-m-padding)
179
+ );
180
+ gap: var(
181
+ --badge-type-dot-icon-counter-size-m-gap,
182
+ var(--badge-size-m-gap)
183
+ );
184
+ }
185
+ &^&_size_s {
186
+ min-width: var(
187
+ --badge-type-dot-icon-counter-size-s-min-width,
188
+ var(--badge-size-s-min-width)
189
+ );
190
+ min-height: var(
191
+ --badge-type-dot-icon-counter-size-s-min-height,
192
+ var(--badge-size-s-min-height)
193
+ );
194
+ max-width: var(
195
+ --badge-type-dot-icon-counter-size-s-max-width,
196
+ var(--badge-size-s-max-width)
197
+ );
198
+ max-height: var(
199
+ --badge-type-dot-icon-counter-size-s-max-height,
200
+ var(--badge-size-s-max-height)
201
+ );
202
+ padding: var(
203
+ --badge-type-dot-icon-counter-size-s-padding,
204
+ var(--badge-size-s-padding)
205
+ );
206
+ gap: var(
207
+ --badge-type-dot-icon-counter-size-s-gap,
208
+ var(--badge-size-s-gap)
209
+ );
210
+ }
211
+ &^&_size_xs {
212
+ min-width: var(
213
+ --badge-type-dot-icon-counter-size-xs-min-width,
214
+ var(--badge-size-xs-min-width)
215
+ );
216
+ min-height: var(
217
+ --badge-type-dot-icon-counter-size-xs-min-height,
218
+ var(--badge-size-xs-min-height)
219
+ );
220
+ max-width: var(
221
+ --badge-type-dot-icon-counter-size-xs-max-width,
222
+ var(--badge-size-xs-max-width)
223
+ );
224
+ max-height: var(
225
+ --badge-type-dot-icon-counter-size-xs-max-height,
226
+ var(--badge-size-xs-max-height)
227
+ );
228
+ padding: var(
229
+ --badge-type-dot-icon-counter-size-xs-padding,
230
+ var(--badge-size-xs-padding)
231
+ );
232
+ gap: var(
233
+ --badge-type-dot-icon-counter-size-xs-gap,
234
+ var(--badge-size-xs-gap)
235
+ );
236
+ }
237
+ &^&_size_xxs {
238
+ min-width: var(
239
+ --badge-type-dot-icon-counter-size-xxs-min-width,
240
+ var(--badge-size-xxs-min-width)
241
+ );
242
+ min-height: var(
243
+ --badge-type-dot-icon-counter-size-xxs-min-height,
244
+ var(--badge-size-xxs-min-height)
245
+ );
246
+ max-width: var(
247
+ --badge-type-dot-icon-counter-size-xxs-max-width,
248
+ var(--badge-size-xxs-max-width)
249
+ );
250
+ max-height: var(
251
+ --badge-type-dot-icon-counter-size-xxs-max-height,
252
+ var(--badge-size-xxs-max-height)
253
+ );
254
+ padding: var(
255
+ --badge-type-dot-icon-counter-size-xxs-padding,
256
+ var(--badge-size-xxs-padding)
257
+ );
258
+ gap: var(
259
+ --badge-type-dot-icon-counter-size-xxs-gap,
260
+ var(--badge-size-xxs-gap)
261
+ );
262
+ }
263
+ }
264
+ &_type_icon-counter {
265
+ &^&_size_xxl {
266
+ min-width: var(
267
+ --badge-type-icon-counter-size-xxl-min-width,
268
+ var(--badge-size-xxl-min-width)
269
+ );
270
+ min-height: var(
271
+ --badge-type-icon-counter-size-xxl-min-height,
272
+ var(--badge-size-xxl-min-height)
273
+ );
274
+ max-width: var(
275
+ --badge-type-icon-counter-size-xxl-max-width,
276
+ var(--badge-size-xxl-max-width)
277
+ );
278
+ max-height: var(
279
+ --badge-type-icon-counter-size-xxl-max-height,
280
+ var(--badge-size-xxl-max-height)
281
+ );
282
+ padding: var(
283
+ --badge-type-icon-counter-size-xxl-padding,
284
+ var(--badge-size-xxl-padding)
285
+ );
286
+ gap: var(
287
+ --badge-type-icon-counter-size-xxl-gap,
288
+ var(--badge-size-xxl-gap)
289
+ );
290
+ }
291
+ &^&_size_xl {
292
+ min-width: var(
293
+ --badge-type-icon-counter-size-xl-min-width,
294
+ var(--badge-size-xl-min-width)
295
+ );
296
+ min-height: var(
297
+ --badge-type-icon-counter-size-xl-min-height,
298
+ var(--badge-size-xl-min-height)
299
+ );
300
+ max-width: var(
301
+ --badge-type-icon-counter-size-xl-max-width,
302
+ var(--badge-size-xl-max-width)
303
+ );
304
+ max-height: var(
305
+ --badge-type-icon-counter-size-xl-max-height,
306
+ var(--badge-size-xl-max-height)
307
+ );
308
+ padding: var(
309
+ --badge-type-icon-counter-size-xl-padding,
310
+ var(--badge-size-xl-padding)
311
+ );
312
+ gap: var(
313
+ --badge-type-icon-counter-size-xl-gap,
314
+ var(--badge-size-xl-gap)
315
+ );
316
+ }
317
+ &^&_size_l {
318
+ min-width: var(
319
+ --badge-type-icon-counter-size-l-min-width,
320
+ var(--badge-size-l-min-width)
321
+ );
322
+ min-height: var(
323
+ --badge-type-icon-counter-size-l-min-height,
324
+ var(--badge-size-l-min-height)
325
+ );
326
+ max-width: var(
327
+ --badge-type-icon-counter-size-l-max-width,
328
+ var(--badge-size-l-max-width)
329
+ );
330
+ max-height: var(
331
+ --badge-type-icon-counter-size-l-max-height,
332
+ var(--badge-size-l-max-height)
333
+ );
334
+ padding: var(
335
+ --badge-type-icon-counter-size-l-padding,
336
+ var(--badge-size-l-padding)
337
+ );
338
+ gap: var(
339
+ --badge-type-icon-counter-size-l-gap,
340
+ var(--badge-size-l-gap)
341
+ );
342
+ }
343
+ &^&_size_m {
344
+ min-width: var(
345
+ --badge-type-icon-counter-size-m-min-width,
346
+ var(--badge-size-m-min-width)
347
+ );
348
+ min-height: var(
349
+ --badge-type-icon-counter-size-m-min-height,
350
+ var(--badge-size-m-min-height)
351
+ );
352
+ max-width: var(
353
+ --badge-type-icon-counter-size-m-max-width,
354
+ var(--badge-size-m-max-width)
355
+ );
356
+ max-height: var(
357
+ --badge-type-icon-counter-size-m-max-height,
358
+ var(--badge-size-m-max-height)
359
+ );
360
+ padding: var(
361
+ --badge-type-icon-counter-size-m-padding,
362
+ var(--badge-size-m-padding)
363
+ );
364
+ gap: var(
365
+ --badge-type-icon-counter-size-m-gap,
366
+ var(--badge-size-m-gap)
367
+ );
368
+ }
369
+ &^&_size_s {
370
+ min-width: var(
371
+ --badge-type-icon-counter-size-s-min-width,
372
+ var(--badge-size-s-min-width)
373
+ );
374
+ min-height: var(
375
+ --badge-type-icon-counter-size-s-min-height,
376
+ var(--badge-size-s-min-height)
377
+ );
378
+ max-width: var(
379
+ --badge-type-icon-counter-size-s-max-width,
380
+ var(--badge-size-s-max-width)
381
+ );
382
+ max-height: var(
383
+ --badge-type-icon-counter-size-s-max-height,
384
+ var(--badge-size-s-max-height)
385
+ );
386
+ padding: var(
387
+ --badge-type-icon-counter-size-s-padding,
388
+ var(--badge-size-s-padding)
389
+ );
390
+ gap: var(
391
+ --badge-type-icon-counter-size-s-gap,
392
+ var(--badge-size-s-gap)
393
+ );
394
+ }
395
+ &^&_size_xs {
396
+ min-width: var(
397
+ --badge-type-icon-counter-size-xs-min-width,
398
+ var(--badge-size-xs-min-width)
399
+ );
400
+ min-height: var(
401
+ --badge-type-icon-counter-size-xs-min-height,
402
+ var(--badge-size-xs-min-height)
403
+ );
404
+ max-width: var(
405
+ --badge-type-icon-counter-size-xs-max-width,
406
+ var(--badge-size-xs-max-width)
407
+ );
408
+ max-height: var(
409
+ --badge-type-icon-counter-size-xs-max-height,
410
+ var(--badge-size-xs-max-height)
411
+ );
412
+ padding: var(
413
+ --badge-type-icon-counter-size-xs-padding,
414
+ var(--badge-size-xs-padding)
415
+ );
416
+ gap: var(
417
+ --badge-type-icon-counter-size-xs-gap,
418
+ var(--badge-size-xs-gap)
419
+ );
420
+ }
421
+ &^&_size_xxs {
422
+ min-width: var(
423
+ --badge-type-icon-counter-size-xxs-min-width,
424
+ var(--badge-size-xxs-min-width)
425
+ );
426
+ min-height: var(
427
+ --badge-type-icon-counter-size-xxs-min-height,
428
+ var(--badge-size-xxs-min-height)
429
+ );
430
+ max-width: var(
431
+ --badge-type-icon-counter-size-xxs-max-width,
432
+ var(--badge-size-xxs-max-width)
433
+ );
434
+ max-height: var(
435
+ --badge-type-icon-counter-size-xxs-max-height,
436
+ var(--badge-size-xxs-max-height)
437
+ );
438
+ padding: var(
439
+ --badge-type-icon-counter-size-xxs-padding,
440
+ var(--badge-size-xxs-padding)
441
+ );
442
+ gap: var(
443
+ --badge-type-icon-counter-size-xxs-gap,
444
+ var(--badge-size-xxs-gap)
445
+ );
446
+ }
447
+ }
448
+ &_type_counter {
449
+ &^&_size_xxl {
450
+ min-width: var(
451
+ --badge-type-counter-size-xxl-min-width,
452
+ var(--badge-size-xxl-min-width)
453
+ );
454
+ min-height: var(
455
+ --badge-type-counter-size-xxl-min-height,
456
+ var(--badge-size-xxl-min-height)
457
+ );
458
+ max-width: var(
459
+ --badge-type-counter-size-xxl-max-width,
460
+ var(--badge-size-xxl-max-width)
461
+ );
462
+ max-height: var(
463
+ --badge-type-counter-size-xxl-max-height,
464
+ var(--badge-size-xxl-max-height)
465
+ );
466
+ padding: var(
467
+ --badge-type-counter-size-xxl-padding,
468
+ var(--badge-size-xxl-padding)
469
+ );
470
+ gap: var(
471
+ --badge-type-counter-size-xxl-gap,
472
+ var(--badge-size-xxl-gap)
473
+ );
474
+ }
475
+ &^&_size_xl {
476
+ min-width: var(
477
+ --badge-type-counter-size-xl-min-width,
478
+ var(--badge-size-xl-min-width)
479
+ );
480
+ min-height: var(
481
+ --badge-type-counter-size-xl-min-height,
482
+ var(--badge-size-xl-min-height)
483
+ );
484
+ max-width: var(
485
+ --badge-type-counter-size-xl-max-width,
486
+ var(--badge-size-xl-max-width)
487
+ );
488
+ max-height: var(
489
+ --badge-type-counter-size-xl-max-height,
490
+ var(--badge-size-xl-max-height)
491
+ );
492
+ padding: var(
493
+ --badge-type-counter-size-xl-padding,
494
+ var(--badge-size-xl-padding)
495
+ );
496
+ gap: var(
497
+ --badge-type-counter-size-xl-gap,
498
+ var(--badge-size-xl-gap)
499
+ );
500
+ }
501
+ &^&_size_l {
502
+ min-width: var(
503
+ --badge-type-counter-size-l-min-width,
504
+ var(--badge-size-l-min-width)
505
+ );
506
+ min-height: var(
507
+ --badge-type-counter-size-l-min-height,
508
+ var(--badge-size-l-min-height)
509
+ );
510
+ max-width: var(
511
+ --badge-type-counter-size-l-max-width,
512
+ var(--badge-size-l-max-width)
513
+ );
514
+ max-height: var(
515
+ --badge-type-counter-size-l-max-height,
516
+ var(--badge-size-l-max-height)
517
+ );
518
+ padding: var(
519
+ --badge-type-counter-size-l-padding,
520
+ var(--badge-size-l-padding)
521
+ );
522
+ gap: var(
523
+ --badge-type-counter-size-l-gap,
524
+ var(--badge-size-l-gap)
525
+ );
526
+ }
527
+ &^&_size_m {
528
+ min-width: var(
529
+ --badge-type-counter-size-m-min-width,
530
+ var(--badge-size-m-min-width)
531
+ );
532
+ min-height: var(
533
+ --badge-type-counter-size-m-min-height,
534
+ var(--badge-size-m-min-height)
535
+ );
536
+ max-width: var(
537
+ --badge-type-counter-size-m-max-width,
538
+ var(--badge-size-m-max-width)
539
+ );
540
+ max-height: var(
541
+ --badge-type-counter-size-m-max-height,
542
+ var(--badge-size-m-max-height)
543
+ );
544
+ padding: var(
545
+ --badge-type-counter-size-m-padding,
546
+ var(--badge-size-m-padding)
547
+ );
548
+ gap: var(
549
+ --badge-type-counter-size-m-gap,
550
+ var(--badge-size-m-gap)
551
+ );
552
+ }
553
+ &^&_size_s {
554
+ min-width: var(
555
+ --badge-type-counter-size-s-min-width,
556
+ var(--badge-size-s-min-width)
557
+ );
558
+ min-height: var(
559
+ --badge-type-counter-size-s-min-height,
560
+ var(--badge-size-s-min-height)
561
+ );
562
+ max-width: var(
563
+ --badge-type-counter-size-s-max-width,
564
+ var(--badge-size-s-max-width)
565
+ );
566
+ max-height: var(
567
+ --badge-type-counter-size-s-max-height,
568
+ var(--badge-size-s-max-height)
569
+ );
570
+ padding: var(
571
+ --badge-type-counter-size-s-padding,
572
+ var(--badge-size-s-padding)
573
+ );
574
+ gap: var(
575
+ --badge-type-counter-size-s-gap,
576
+ var(--badge-size-s-gap)
577
+ );
578
+ }
579
+ &^&_size_xs {
580
+ min-width: var(
581
+ --badge-type-counter-size-xs-min-width,
582
+ var(--badge-size-xs-min-width)
583
+ );
584
+ min-height: var(
585
+ --badge-type-counter-size-xs-min-height,
586
+ var(--badge-size-xs-min-height)
587
+ );
588
+ max-width: var(
589
+ --badge-type-counter-size-xs-max-width,
590
+ var(--badge-size-xs-max-width)
591
+ );
592
+ max-height: var(
593
+ --badge-type-counter-size-xs-max-height,
594
+ var(--badge-size-xs-max-height)
595
+ );
596
+ padding: var(
597
+ --badge-type-counter-size-xs-padding,
598
+ var(--badge-size-xs-padding)
599
+ );
600
+ gap: var(
601
+ --badge-type-counter-size-xs-gap,
602
+ var(--badge-size-xs-gap)
603
+ );
604
+ }
605
+ &^&_size_xxs {
606
+ min-width: var(
607
+ --badge-type-counter-size-xxs-min-width,
608
+ var(--badge-size-xxs-min-width)
609
+ );
610
+ min-height: var(
611
+ --badge-type-counter-size-xxs-min-height,
612
+ var(--badge-size-xxs-min-height)
613
+ );
614
+ max-width: var(
615
+ --badge-type-counter-size-xxs-max-width,
616
+ var(--badge-size-xxs-max-width)
617
+ );
618
+ max-height: var(
619
+ --badge-type-counter-size-xxs-max-height,
620
+ var(--badge-size-xxs-max-height)
621
+ );
622
+ padding: var(
623
+ --badge-type-counter-size-xxs-padding,
624
+ var(--badge-size-xxs-padding)
625
+ );
626
+ gap: var(
627
+ --badge-type-counter-size-xxs-gap,
628
+ var(--badge-size-xxs-gap)
629
+ );
630
+ }
631
+ }
632
+ &_type_dot {
633
+ &^&_size_xxl {
634
+ min-width: var(
635
+ --badge-type-dot-size-xxl-min-width,
636
+ var(--badge-size-xxl-min-width)
637
+ );
638
+ min-height: var(
639
+ --badge-type-dot-size-xxl-min-height,
640
+ var(--badge-size-xxl-min-height)
641
+ );
642
+ max-width: var(
643
+ --badge-type-dot-size-xxl-max-width,
644
+ var(--badge-size-xxl-max-width)
645
+ );
646
+ max-height: var(
647
+ --badge-type-dot-size-xxl-max-height,
648
+ var(--badge-size-xxl-max-height)
649
+ );
650
+ padding: var(
651
+ --badge-type-dot-size-xxl-padding,
652
+ var(--badge-size-xxl-padding)
653
+ );
654
+ gap: var(
655
+ --badge-type-dot-size-xxl-gap,
656
+ var(--badge-size-xxl-gap)
657
+ );
658
+ }
659
+ &^&_size_xl {
660
+ min-width: var(
661
+ --badge-type-dot-size-xl-min-width,
662
+ var(--badge-size-xl-min-width)
663
+ );
664
+ min-height: var(
665
+ --badge-type-dot-size-xl-min-height,
666
+ var(--badge-size-xl-min-height)
667
+ );
668
+ max-width: var(
669
+ --badge-type-dot-size-xl-max-width,
670
+ var(--badge-size-xl-max-width)
671
+ );
672
+ max-height: var(
673
+ --badge-type-dot-size-xl-max-height,
674
+ var(--badge-size-xl-max-height)
675
+ );
676
+ padding: var(
677
+ --badge-type-dot-size-xl-padding,
678
+ var(--badge-size-xl-padding)
679
+ );
680
+ gap: var(
681
+ --badge-type-dot-size-xl-gap,
682
+ var(--badge-size-xl-gap)
683
+ );
684
+ }
685
+ &^&_size_l {
686
+ min-width: var(
687
+ --badge-type-dot-size-l-min-width,
688
+ var(--badge-size-l-min-width)
689
+ );
690
+ min-height: var(
691
+ --badge-type-dot-size-l-min-height,
692
+ var(--badge-size-l-min-height)
693
+ );
694
+ max-width: var(
695
+ --badge-type-dot-size-l-max-width,
696
+ var(--badge-size-l-max-width)
697
+ );
698
+ max-height: var(
699
+ --badge-type-dot-size-l-max-height,
700
+ var(--badge-size-l-max-height)
701
+ );
702
+ padding: var(
703
+ --badge-type-dot-size-l-padding,
704
+ var(--badge-size-l-padding)
705
+ );
706
+ gap: var(
707
+ --badge-type-dot-size-l-gap,
708
+ var(--badge-size-l-gap)
709
+ );
710
+ }
711
+ &^&_size_m {
712
+ min-width: var(
713
+ --badge-type-dot-size-m-min-width,
714
+ var(--badge-size-m-min-width)
715
+ );
716
+ min-height: var(
717
+ --badge-type-dot-size-m-min-height,
718
+ var(--badge-size-m-min-height)
719
+ );
720
+ max-width: var(
721
+ --badge-type-dot-size-m-max-width,
722
+ var(--badge-size-m-max-width)
723
+ );
724
+ max-height: var(
725
+ --badge-type-dot-size-m-max-height,
726
+ var(--badge-size-m-max-height)
727
+ );
728
+ padding: var(
729
+ --badge-type-dot-size-m-padding,
730
+ var(--badge-size-m-padding)
731
+ );
732
+ gap: var(
733
+ --badge-type-dot-size-m-gap,
734
+ var(--badge-size-m-gap)
735
+ );
736
+ }
737
+ &^&_size_s {
738
+ min-width: var(
739
+ --badge-type-dot-size-s-min-width,
740
+ var(--badge-size-s-min-width)
741
+ );
742
+ min-height: var(
743
+ --badge-type-dot-size-s-min-height,
744
+ var(--badge-size-s-min-height)
745
+ );
746
+ max-width: var(
747
+ --badge-type-dot-size-s-max-width,
748
+ var(--badge-size-s-max-width)
749
+ );
750
+ max-height: var(
751
+ --badge-type-dot-size-s-max-height,
752
+ var(--badge-size-s-max-height)
753
+ );
754
+ padding: var(
755
+ --badge-type-dot-size-s-padding,
756
+ var(--badge-size-s-padding)
757
+ );
758
+ gap: var(
759
+ --badge-type-dot-size-s-gap,
760
+ var(--badge-size-s-gap)
761
+ );
762
+ }
763
+ &^&_size_xs {
764
+ min-width: var(
765
+ --badge-type-dot-size-xs-min-width,
766
+ var(--badge-size-xs-min-width)
767
+ );
768
+ min-height: var(
769
+ --badge-type-dot-size-xs-min-height,
770
+ var(--badge-size-xs-min-height)
771
+ );
772
+ max-width: var(
773
+ --badge-type-dot-size-xs-max-width,
774
+ var(--badge-size-xs-max-width)
775
+ );
776
+ max-height: var(
777
+ --badge-type-dot-size-xs-max-height,
778
+ var(--badge-size-xs-max-height)
779
+ );
780
+ padding: var(
781
+ --badge-type-dot-size-xs-padding,
782
+ var(--badge-size-xs-padding)
783
+ );
784
+ gap: var(
785
+ --badge-type-dot-size-xs-gap,
786
+ var(--badge-size-xs-gap)
787
+ );
788
+ }
789
+ &^&_size_xxs {
790
+ min-width: var(
791
+ --badge-type-dot-size-xxs-min-width,
792
+ var(--badge-size-xxs-min-width)
793
+ );
794
+ min-height: var(
795
+ --badge-type-dot-size-xxs-min-height,
796
+ var(--badge-size-xxs-min-height)
797
+ );
798
+ max-width: var(
799
+ --badge-type-dot-size-xxs-max-width,
800
+ var(--badge-size-xxs-max-width)
801
+ );
802
+ max-height: var(
803
+ --badge-type-dot-size-xxs-max-height,
804
+ var(--badge-size-xxs-max-height)
805
+ );
806
+ padding: var(
807
+ --badge-type-dot-size-xxs-padding,
808
+ var(--badge-size-xxs-padding)
809
+ );
810
+ gap: var(
811
+ --badge-type-dot-size-xxs-gap,
812
+ var(--badge-size-xxs-gap)
813
+ );
814
+ }
815
+ }
816
+ &_type_icon {
817
+ &^&_size_xxl {
818
+ min-width: var(
819
+ --badge-type-icon-size-xxl-min-width,
820
+ var(--badge-size-xxl-min-width)
821
+ );
822
+ min-height: var(
823
+ --badge-type-icon-size-xxl-min-height,
824
+ var(--badge-size-xxl-min-height)
825
+ );
826
+ max-width: var(
827
+ --badge-type-icon-size-xxl-max-width,
828
+ var(--badge-size-xxl-max-width)
829
+ );
830
+ max-height: var(
831
+ --badge-type-icon-size-xxl-max-height,
832
+ var(--badge-size-xxl-max-height)
833
+ );
834
+ padding: var(
835
+ --badge-type-icon-size-xxl-padding,
836
+ var(--badge-size-xxl-padding)
837
+ );
838
+ gap: var(
839
+ --badge-type-icon-size-xxl-gap,
840
+ var(--badge-size-xxl-gap)
841
+ );
842
+ }
843
+ &^&_size_xl {
844
+ min-width: var(
845
+ --badge-type-icon-size-xl-min-width,
846
+ var(--badge-size-xl-min-width)
847
+ );
848
+ min-height: var(
849
+ --badge-type-icon-size-xl-min-height,
850
+ var(--badge-size-xl-min-height)
851
+ );
852
+ max-width: var(
853
+ --badge-type-icon-size-xl-max-width,
854
+ var(--badge-size-xl-max-width)
855
+ );
856
+ max-height: var(
857
+ --badge-type-icon-size-xl-max-height,
858
+ var(--badge-size-xl-max-height)
859
+ );
860
+ padding: var(
861
+ --badge-type-icon-size-xl-padding,
862
+ var(--badge-size-xl-padding)
863
+ );
864
+ gap: var(
865
+ --badge-type-icon-size-xl-gap,
866
+ var(--badge-size-xl-gap)
867
+ );
868
+ }
869
+ &^&_size_l {
870
+ min-width: var(
871
+ --badge-type-icon-size-l-min-width,
872
+ var(--badge-size-l-min-width)
873
+ );
874
+ min-height: var(
875
+ --badge-type-icon-size-l-min-height,
876
+ var(--badge-size-l-min-height)
877
+ );
878
+ max-width: var(
879
+ --badge-type-icon-size-l-max-width,
880
+ var(--badge-size-l-max-width)
881
+ );
882
+ max-height: var(
883
+ --badge-type-icon-size-l-max-height,
884
+ var(--badge-size-l-max-height)
885
+ );
886
+ padding: var(
887
+ --badge-type-icon-size-l-padding,
888
+ var(--badge-size-l-padding)
889
+ );
890
+ gap: var(
891
+ --badge-type-icon-size-l-gap,
892
+ var(--badge-size-l-gap)
893
+ );
894
+ }
895
+ &^&_size_m {
896
+ min-width: var(
897
+ --badge-type-icon-size-m-min-width,
898
+ var(--badge-size-m-min-width)
899
+ );
900
+ min-height: var(
901
+ --badge-type-icon-size-m-min-height,
902
+ var(--badge-size-m-min-height)
903
+ );
904
+ max-width: var(
905
+ --badge-type-icon-size-m-max-width,
906
+ var(--badge-size-m-max-width)
907
+ );
908
+ max-height: var(
909
+ --badge-type-icon-size-m-max-height,
910
+ var(--badge-size-m-max-height)
911
+ );
912
+ padding: var(
913
+ --badge-type-icon-size-m-padding,
914
+ var(--badge-size-m-padding)
915
+ );
916
+ gap: var(
917
+ --badge-type-icon-size-m-gap,
918
+ var(--badge-size-m-gap)
919
+ );
920
+ }
921
+ &^&_size_s {
922
+ min-width: var(
923
+ --badge-type-icon-size-s-min-width,
924
+ var(--badge-size-s-min-width)
925
+ );
926
+ min-height: var(
927
+ --badge-type-icon-size-s-min-height,
928
+ var(--badge-size-s-min-height)
929
+ );
930
+ max-width: var(
931
+ --badge-type-icon-size-s-max-width,
932
+ var(--badge-size-s-max-width)
933
+ );
934
+ max-height: var(
935
+ --badge-type-icon-size-s-max-height,
936
+ var(--badge-size-s-max-height)
937
+ );
938
+ padding: var(
939
+ --badge-type-icon-size-s-padding,
940
+ var(--badge-size-s-padding)
941
+ );
942
+ gap: var(
943
+ --badge-type-icon-size-s-gap,
944
+ var(--badge-size-s-gap)
945
+ );
946
+ }
947
+ &^&_size_xs {
948
+ min-width: var(
949
+ --badge-type-icon-size-xs-min-width,
950
+ var(--badge-size-xs-min-width)
951
+ );
952
+ min-height: var(
953
+ --badge-type-icon-size-xs-min-height,
954
+ var(--badge-size-xs-min-height)
955
+ );
956
+ max-width: var(
957
+ --badge-type-icon-size-xs-max-width,
958
+ var(--badge-size-xs-max-width)
959
+ );
960
+ max-height: var(
961
+ --badge-type-icon-size-xs-max-height,
962
+ var(--badge-size-xs-max-height)
963
+ );
964
+ padding: var(
965
+ --badge-type-icon-size-xs-padding,
966
+ var(--badge-size-xs-padding)
967
+ );
968
+ gap: var(
969
+ --badge-type-icon-size-xs-gap,
970
+ var(--badge-size-xs-gap)
971
+ );
972
+ }
973
+ &^&_size_xxs {
974
+ min-width: var(
975
+ --badge-type-icon-size-xxs-min-width,
976
+ var(--badge-size-xxs-min-width)
977
+ );
978
+ min-height: var(
979
+ --badge-type-icon-size-xxs-min-height,
980
+ var(--badge-size-xxs-min-height)
981
+ );
982
+ max-width: var(
983
+ --badge-type-icon-size-xxs-max-width,
984
+ var(--badge-size-xxs-max-width)
985
+ );
986
+ max-height: var(
987
+ --badge-type-icon-size-xxs-max-height,
988
+ var(--badge-size-xxs-max-height)
989
+ );
990
+ padding: var(
991
+ --badge-type-icon-size-xxs-padding,
992
+ var(--badge-size-xxs-padding)
993
+ );
994
+ gap: var(
995
+ --badge-type-icon-size-xxs-gap,
996
+ var(--badge-size-xxs-gap)
997
+ );
998
+ }
999
+ }
1000
+ &_type_fill {
1001
+ &^&_size_xxl {
1002
+ min-width: var(
1003
+ --badge-type-fill-size-xxl-min-width,
1004
+ var(--badge-size-xxl-min-width)
1005
+ );
1006
+ min-height: var(
1007
+ --badge-type-fill-size-xxl-min-height,
1008
+ var(--badge-size-xxl-min-height)
1009
+ );
1010
+ max-width: var(
1011
+ --badge-type-fill-size-xxl-max-width,
1012
+ var(--badge-size-xxl-max-width)
1013
+ );
1014
+ max-height: var(
1015
+ --badge-type-fill-size-xxl-max-height,
1016
+ var(--badge-size-xxl-max-height)
1017
+ );
1018
+ padding: var(
1019
+ --badge-type-fill-size-xxl-padding,
1020
+ var(--badge-size-xxl-padding)
1021
+ );
1022
+ gap: var(
1023
+ --badge-type-fill-size-xxl-gap,
1024
+ var(--badge-size-xxl-gap)
1025
+ );
1026
+ }
1027
+ &^&_size_xl {
1028
+ min-width: var(
1029
+ --badge-type-fill-size-xl-min-width,
1030
+ var(--badge-size-xl-min-width)
1031
+ );
1032
+ min-height: var(
1033
+ --badge-type-fill-size-xl-min-height,
1034
+ var(--badge-size-xl-min-height)
1035
+ );
1036
+ max-width: var(
1037
+ --badge-type-fill-size-xl-max-width,
1038
+ var(--badge-size-xl-max-width)
1039
+ );
1040
+ max-height: var(
1041
+ --badge-type-fill-size-xl-max-height,
1042
+ var(--badge-size-xl-max-height)
1043
+ );
1044
+ padding: var(
1045
+ --badge-type-fill-size-xl-padding,
1046
+ var(--badge-size-xl-padding)
1047
+ );
1048
+ gap: var(
1049
+ --badge-type-fill-size-xl-gap,
1050
+ var(--badge-size-xl-gap)
1051
+ );
1052
+ }
1053
+ &^&_size_l {
1054
+ min-width: var(
1055
+ --badge-type-fill-size-l-min-width,
1056
+ var(--badge-size-l-min-width)
1057
+ );
1058
+ min-height: var(
1059
+ --badge-type-fill-size-l-min-height,
1060
+ var(--badge-size-l-min-height)
1061
+ );
1062
+ max-width: var(
1063
+ --badge-type-fill-size-l-max-width,
1064
+ var(--badge-size-l-max-width)
1065
+ );
1066
+ max-height: var(
1067
+ --badge-type-fill-size-l-max-height,
1068
+ var(--badge-size-l-max-height)
1069
+ );
1070
+ padding: var(
1071
+ --badge-type-fill-size-l-padding,
1072
+ var(--badge-size-l-padding)
1073
+ );
1074
+ gap: var(
1075
+ --badge-type-fill-size-l-gap,
1076
+ var(--badge-size-l-gap)
1077
+ );
1078
+ }
1079
+ &^&_size_m {
1080
+ min-width: var(
1081
+ --badge-type-fill-size-m-min-width,
1082
+ var(--badge-size-m-min-width)
1083
+ );
1084
+ min-height: var(
1085
+ --badge-type-fill-size-m-min-height,
1086
+ var(--badge-size-m-min-height)
1087
+ );
1088
+ max-width: var(
1089
+ --badge-type-fill-size-m-max-width,
1090
+ var(--badge-size-m-max-width)
1091
+ );
1092
+ max-height: var(
1093
+ --badge-type-fill-size-m-max-height,
1094
+ var(--badge-size-m-max-height)
1095
+ );
1096
+ padding: var(
1097
+ --badge-type-fill-size-m-padding,
1098
+ var(--badge-size-m-padding)
1099
+ );
1100
+ gap: var(
1101
+ --badge-type-fill-size-m-gap,
1102
+ var(--badge-size-m-gap)
1103
+ );
1104
+ }
1105
+ &^&_size_s {
1106
+ min-width: var(
1107
+ --badge-type-fill-size-s-min-width,
1108
+ var(--badge-size-s-min-width)
1109
+ );
1110
+ min-height: var(
1111
+ --badge-type-fill-size-s-min-height,
1112
+ var(--badge-size-s-min-height)
1113
+ );
1114
+ max-width: var(
1115
+ --badge-type-fill-size-s-max-width,
1116
+ var(--badge-size-s-max-width)
1117
+ );
1118
+ max-height: var(
1119
+ --badge-type-fill-size-s-max-height,
1120
+ var(--badge-size-s-max-height)
1121
+ );
1122
+ padding: var(
1123
+ --badge-type-fill-size-s-padding,
1124
+ var(--badge-size-s-padding)
1125
+ );
1126
+ gap: var(
1127
+ --badge-type-fill-size-s-gap,
1128
+ var(--badge-size-s-gap)
1129
+ );
1130
+ }
1131
+ &^&_size_xs {
1132
+ min-width: var(
1133
+ --badge-type-fill-size-xs-min-width,
1134
+ var(--badge-size-xs-min-width)
1135
+ );
1136
+ min-height: var(
1137
+ --badge-type-fill-size-xs-min-height,
1138
+ var(--badge-size-xs-min-height)
1139
+ );
1140
+ max-width: var(
1141
+ --badge-type-fill-size-xs-max-width,
1142
+ var(--badge-size-xs-max-width)
1143
+ );
1144
+ max-height: var(
1145
+ --badge-type-fill-size-xs-max-height,
1146
+ var(--badge-size-xs-max-height)
1147
+ );
1148
+ padding: var(
1149
+ --badge-type-fill-size-xs-padding,
1150
+ var(--badge-size-xs-padding)
1151
+ );
1152
+ gap: var(
1153
+ --badge-type-fill-size-xs-gap,
1154
+ var(--badge-size-xs-gap)
1155
+ );
1156
+ }
1157
+ &^&_size_xxs {
1158
+ min-width: var(
1159
+ --badge-type-fill-size-xxs-min-width,
1160
+ var(--badge-size-xxs-min-width)
1161
+ );
1162
+ min-height: var(
1163
+ --badge-type-fill-size-xxs-min-height,
1164
+ var(--badge-size-xxs-min-height)
1165
+ );
1166
+ max-width: var(
1167
+ --badge-type-fill-size-xxs-max-width,
1168
+ var(--badge-size-xxs-max-width)
1169
+ );
1170
+ max-height: var(
1171
+ --badge-type-fill-size-xxs-max-height,
1172
+ var(--badge-size-xxs-max-height)
1173
+ );
1174
+ padding: var(
1175
+ --badge-type-fill-size-xxs-padding,
1176
+ var(--badge-size-xxs-padding)
1177
+ );
1178
+ gap: var(
1179
+ --badge-type-fill-size-xxs-gap,
1180
+ var(--badge-size-xxs-gap)
73
1181
  );
74
1182
  }
75
- }
76
1183
  }
77
- }
78
1184
  }
79
1185
  :root {
80
1186
  --badge-size-xxl-padding: 1m 1.5m;