@medyll/cssfabric 0.2.0 → 0.2.1-beta.1

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 (123) hide show
  1. package/README.md +58 -38
  2. package/dist/NewMenu.svelte +41 -0
  3. package/dist/NewMenu.svelte.d.ts +19 -0
  4. package/{_generated → dist/_generated}/cssFabric.vars.json +12 -12
  5. package/dist/_generated/cssFabric.vars.md +268 -0
  6. package/dist/cssFabric/config.d.ts +29 -0
  7. package/dist/cssFabric/config.js +29 -0
  8. package/dist/cssFabric/cssFabricSheet.d.ts +1226 -0
  9. package/dist/cssFabric/cssFabricSheet.js +1270 -0
  10. package/dist/cssFabric/cssProperties.d.ts +27 -0
  11. package/dist/cssFabric/cssProperties.js +343 -0
  12. package/dist/cssFabric/cssVariationsAi.d.ts +12 -0
  13. package/dist/cssFabric/cssVariationsAi.js +111 -0
  14. package/dist/cssFabric/index.d.ts +113 -0
  15. package/dist/cssFabric/index.js +341 -0
  16. package/dist/cssf/README.md +197 -0
  17. package/dist/cssf/cssf.d.ts +1 -0
  18. package/dist/cssf/cssf.js +12 -0
  19. package/dist/cssf/cssfGuide.d.ts +14 -0
  20. package/dist/cssf/cssfGuide.js +50 -0
  21. package/dist/cssf/cssfLib.d.ts +134 -0
  22. package/dist/cssf/cssfLib.js +116 -0
  23. package/dist/cssf/cssfModel.d.ts +8 -0
  24. package/dist/cssf/cssfModel.js +59 -0
  25. package/dist/cssf/cssfPlugin.d.ts +3 -0
  26. package/dist/cssf/cssfPlugin.js +37 -0
  27. package/dist/cssf/cssfTransformer.d.ts +2 -0
  28. package/dist/cssf/cssfTransformer.js +100 -0
  29. package/dist/cssf/index.d.ts +4 -0
  30. package/dist/cssf/index.js +4 -0
  31. package/dist/cssfVsCode/.vscode/launch.json +17 -0
  32. package/dist/cssfVsCode/.vscodeignore +4 -0
  33. package/dist/cssfVsCode/CHANGELOG.md +9 -0
  34. package/dist/cssfVsCode/README.md +65 -0
  35. package/dist/cssfVsCode/language-configuration.json +36 -0
  36. package/dist/cssfVsCode/package.json +40 -0
  37. package/dist/cssfVsCode/syntaxes/cssf.tmLanguage.json +1868 -0
  38. package/dist/cssfVsCode/test.cssf +6 -0
  39. package/dist/cssfVsCode/vsc-extension-quickstart.md +29 -0
  40. package/dist/index.d.ts +2 -0
  41. package/dist/index.js +3 -0
  42. package/{init → dist/init}/importCssVars.d.ts +1 -1
  43. package/{init → dist/init}/importCssVars.js +2 -2
  44. package/dist/scripts/cssfabric.d.ts +24 -0
  45. package/{scripts → dist/scripts}/cssfabric.js +43 -43
  46. package/{scripts → dist/scripts}/cssfabricClassNames.d.ts +14 -14
  47. package/{scripts → dist/scripts}/cssfabricClassNames.js +146 -146
  48. package/dist/scripts/index.d.ts +2 -0
  49. package/{scripts → dist/scripts}/index.js +4 -4
  50. package/{scripts → dist/scripts}/utils.d.ts +5 -5
  51. package/{scripts → dist/scripts}/utils.js +38 -38
  52. package/dist/styles/animation/animation.css +2 -0
  53. package/{styles → dist/styles}/base/base.css +207 -214
  54. package/{styles → dist/styles}/base/base.min.css +1 -1
  55. package/{styles → dist/styles}/box/box.css +1496 -1378
  56. package/dist/styles/box/box.min.css +1 -0
  57. package/{styles → dist/styles}/box/box.responsive.css +7036 -5523
  58. package/dist/styles/box/box.responsive.min.css +1 -0
  59. package/{styles → dist/styles}/color/color.css +1566 -1564
  60. package/{styles → dist/styles}/color/color.responsive.css +7781 -6267
  61. package/dist/styles/color/color.responsive.min.css +1 -0
  62. package/dist/styles/cssfabric.css +5328 -0
  63. package/dist/styles/cssfabric.min.css +1 -0
  64. package/dist/styles/cssfabric.responsive.css +20419 -0
  65. package/dist/styles/cssfabric.responsive.min.css +1 -0
  66. package/{styles → dist/styles}/flex/flex.css +125 -123
  67. package/{styles → dist/styles}/flex/flex.responsive.css +581 -503
  68. package/dist/styles/flex/flex.responsive.min.css +1 -0
  69. package/{styles → dist/styles}/grid/grid.css +120 -118
  70. package/{styles → dist/styles}/grid/grid.responsive.css +501 -483
  71. package/dist/styles/grid/grid.responsive.min.css +1 -0
  72. package/{styles → dist/styles}/menu/menu.css +102 -100
  73. package/{styles → dist/styles}/menu/menu.responsive.css +444 -357
  74. package/dist/styles/menu/menu.responsive.min.css +1 -0
  75. package/{styles → dist/styles}/overflow/overflow.css +61 -59
  76. package/{styles → dist/styles}/overflow/overflow.responsive.css +237 -244
  77. package/dist/styles/overflow/overflow.responsive.min.css +1 -0
  78. package/{styles → dist/styles}/scale/scale.css +720 -718
  79. package/{styles → dist/styles}/scale/scale.responsive.css +3251 -2883
  80. package/dist/styles/scale/scale.responsive.min.css +1 -0
  81. package/{styles → dist/styles}/table/table.css +73 -71
  82. package/{styles → dist/styles}/table/table.responsive.css +371 -295
  83. package/dist/styles/table/table.responsive.min.css +1 -0
  84. package/{styles → dist/styles}/text/text.css +152 -150
  85. package/{styles → dist/styles}/text/text.responsive.css +216 -195
  86. package/dist/styles/text/text.responsive.min.css +1 -0
  87. package/{styles → dist/styles}/theme/theme.css +247 -196
  88. package/{styles → dist/styles}/theme/theme.min.css +1 -1
  89. package/{styles → dist/styles}/vars.css +412 -413
  90. package/dist/styles/vars.min.css +1 -0
  91. package/{styles → dist/styles}/zindex/zindex.css +44 -42
  92. package/package.json +68 -113
  93. package/_generated/index.d.ts +0 -3
  94. package/scripts/cssfabric.d.ts +0 -24
  95. package/scripts/index.d.ts +0 -2
  96. package/styles/animation/animation.css +0 -0
  97. package/styles/box/box.min.css +0 -1
  98. package/styles/box/box.responsive.min.css +0 -1
  99. package/styles/color/color.responsive.min.css +0 -1
  100. package/styles/cssfabric.css +0 -61792
  101. package/styles/cssfabric.min.css +0 -168
  102. package/styles/cssfabric.responsive.css +0 -200596
  103. package/styles/cssfabric.responsive.min.css +0 -108
  104. package/styles/flex/flex.responsive.min.css +0 -1
  105. package/styles/grid/grid.responsive.min.css +0 -1
  106. package/styles/menu/menu.responsive.min.css +0 -1
  107. package/styles/overflow/overflow.responsive.min.css +0 -1
  108. package/styles/scale/scale.responsive.min.css +0 -1
  109. package/styles/table/table.responsive.min.css +0 -1
  110. package/styles/text/text.responsive.min.css +0 -1
  111. package/styles/vars.min.css +0 -1
  112. /package/{_generated → dist/_generated}/export.variables.md +0 -0
  113. /package/{_generated → dist/_generated}/readme.md +0 -0
  114. /package/{styles → dist/styles}/animation/animation.min.css +0 -0
  115. /package/{styles → dist/styles}/color/color.min.css +0 -0
  116. /package/{styles → dist/styles}/flex/flex.min.css +0 -0
  117. /package/{styles → dist/styles}/grid/grid.min.css +0 -0
  118. /package/{styles → dist/styles}/menu/menu.min.css +0 -0
  119. /package/{styles → dist/styles}/overflow/overflow.min.css +0 -0
  120. /package/{styles → dist/styles}/scale/scale.min.css +0 -0
  121. /package/{styles → dist/styles}/table/table.min.css +0 -0
  122. /package/{styles → dist/styles}/text/text.min.css +0 -0
  123. /package/{styles → dist/styles}/zindex/zindex.min.css +0 -0
package/{styles → dist/styles}/scale/scale.css RENAMED
@@ -1,719 +1,721 @@
1
- .w-full {
2
- width: 100%;
3
- }
4
- .w-full-max {
5
- max-width: 100%;
6
- }
7
- .w-full-min {
8
- min-width: 100%;
9
- }
10
-
11
- .w-mid {
12
- width: 50%;
13
- }
14
- .w-mid-max {
15
- max-width: 50%;
16
- }
17
- .w-mid-min {
18
- min-width: 50%;
19
- }
20
-
21
- .w-quarter {
22
- width: 25%;
23
- }
24
- .w-quarter-max {
25
- max-width: 25%;
26
- }
27
- .w-quarter-min {
28
- min-width: 25%;
29
- }
30
-
31
- .w-tiers {
32
- width: 33%;
33
- }
34
- .w-tiers-max {
35
- max-width: 33%;
36
- }
37
- .w-tiers-min {
38
- min-width: 33%;
39
- }
40
-
41
- .w-content-max {
42
- width: max-content;
43
- }
44
- .w-content-max-max {
45
- max-width: max-content;
46
- }
47
- .w-content-max-min {
48
- min-width: max-content;
49
- }
50
-
51
- .w-content-min {
52
- width: min-content;
53
- }
54
- .w-content-min-max {
55
- max-width: min-content;
56
- }
57
- .w-content-min-min {
58
- min-width: min-content;
59
- }
60
-
61
- .w-tiny {
62
- width: 2rem;
63
- }
64
- .w-tiny-max {
65
- max-width: 2rem;
66
- }
67
- .w-tiny-min {
68
- min-width: 2rem;
69
- }
70
-
71
- .w-small {
72
- width: 4rem;
73
- }
74
- .w-small-max {
75
- max-width: 4rem;
76
- }
77
- .w-small-min {
78
- min-width: 4rem;
79
- }
80
-
81
- .w-medium {
82
- width: 8rem;
83
- }
84
- .w-medium-max {
85
- max-width: 8rem;
86
- }
87
- .w-medium-min {
88
- min-width: 8rem;
89
- }
90
-
91
- .w-large {
92
- width: 16rem;
93
- }
94
- .w-large-max {
95
- max-width: 16rem;
96
- }
97
- .w-large-min {
98
- min-width: 16rem;
99
- }
100
-
101
- .w-wide {
102
- width: 32rem;
103
- }
104
- .w-wide-max {
105
- max-width: 32rem;
106
- }
107
- .w-wide-min {
108
- min-width: 32rem;
109
- }
110
-
111
- .w-1 {
112
- width: 1rem;
113
- }
114
- .w-1-max {
115
- max-width: 1rem;
116
- }
117
- .w-1-min {
118
- min-width: 1rem;
119
- }
120
-
121
- .w-2 {
122
- width: 2rem;
123
- }
124
- .w-2-max {
125
- max-width: 2rem;
126
- }
127
- .w-2-min {
128
- min-width: 2rem;
129
- }
130
-
131
- .w-4 {
132
- width: 4rem;
133
- }
134
- .w-4-max {
135
- max-width: 4rem;
136
- }
137
- .w-4-min {
138
- min-width: 4rem;
139
- }
140
-
141
- .w-8 {
142
- width: 8rem;
143
- }
144
- .w-8-max {
145
- max-width: 8rem;
146
- }
147
- .w-8-min {
148
- min-width: 8rem;
149
- }
150
-
151
- .w-16 {
152
- width: 16rem;
153
- }
154
- .w-16-max {
155
- max-width: 16rem;
156
- }
157
- .w-16-min {
158
- min-width: 16rem;
159
- }
160
-
161
- .w-24 {
162
- width: 24rem;
163
- }
164
- .w-24-max {
165
- max-width: 24rem;
166
- }
167
- .w-24-min {
168
- min-width: 24rem;
169
- }
170
-
171
- .w-32 {
172
- width: 32rem;
173
- }
174
- .w-32-max {
175
- max-width: 32rem;
176
- }
177
- .w-32-min {
178
- min-width: 32rem;
179
- }
180
-
181
- .w-48 {
182
- width: 48rem;
183
- }
184
- .w-48-max {
185
- max-width: 48rem;
186
- }
187
- .w-48-min {
188
- min-width: 48rem;
189
- }
190
-
191
- .w-64 {
192
- width: 64rem;
193
- }
194
- .w-64-max {
195
- max-width: 64rem;
196
- }
197
- .w-64-min {
198
- min-width: 64rem;
199
- }
200
-
201
- .w-1-16 {
202
- width: 6.25%;
203
- }
204
- .w-1-16-max {
205
- max-width: 6.25%;
206
- }
207
- .w-1-16-min {
208
- min-width: 6.25%;
209
- }
210
-
211
- .w-2-16 {
212
- width: 12.5%;
213
- }
214
- .w-2-16-max {
215
- max-width: 12.5%;
216
- }
217
- .w-2-16-min {
218
- min-width: 12.5%;
219
- }
220
-
221
- .w-3-16 {
222
- width: 18.75%;
223
- }
224
- .w-3-16-max {
225
- max-width: 18.75%;
226
- }
227
- .w-3-16-min {
228
- min-width: 18.75%;
229
- }
230
-
231
- .w-4-16 {
232
- width: 25%;
233
- }
234
- .w-4-16-max {
235
- max-width: 25%;
236
- }
237
- .w-4-16-min {
238
- min-width: 25%;
239
- }
240
-
241
- .w-5-16 {
242
- width: 31.25%;
243
- }
244
- .w-5-16-max {
245
- max-width: 31.25%;
246
- }
247
- .w-5-16-min {
248
- min-width: 31.25%;
249
- }
250
-
251
- .w-6-16 {
252
- width: 37.5%;
253
- }
254
- .w-6-16-max {
255
- max-width: 37.5%;
256
- }
257
- .w-6-16-min {
258
- min-width: 37.5%;
259
- }
260
-
261
- .w-7-16 {
262
- width: 43.75%;
263
- }
264
- .w-7-16-max {
265
- max-width: 43.75%;
266
- }
267
- .w-7-16-min {
268
- min-width: 43.75%;
269
- }
270
-
271
- .w-8-16 {
272
- width: 50%;
273
- }
274
- .w-8-16-max {
275
- max-width: 50%;
276
- }
277
- .w-8-16-min {
278
- min-width: 50%;
279
- }
280
-
281
- .w-9-16 {
282
- width: 56.25%;
283
- }
284
- .w-9-16-max {
285
- max-width: 56.25%;
286
- }
287
- .w-9-16-min {
288
- min-width: 56.25%;
289
- }
290
-
291
- .w-10-16 {
292
- width: 62.5%;
293
- }
294
- .w-10-16-max {
295
- max-width: 62.5%;
296
- }
297
- .w-10-16-min {
298
- min-width: 62.5%;
299
- }
300
-
301
- .w-11-16 {
302
- width: 68.75%;
303
- }
304
- .w-11-16-max {
305
- max-width: 68.75%;
306
- }
307
- .w-11-16-min {
308
- min-width: 68.75%;
309
- }
310
-
311
- .w-12-16 {
312
- width: 75%;
313
- }
314
- .w-12-16-max {
315
- max-width: 75%;
316
- }
317
- .w-12-16-min {
318
- min-width: 75%;
319
- }
320
-
321
- .w-13-16 {
322
- width: 81.25%;
323
- }
324
- .w-13-16-max {
325
- max-width: 81.25%;
326
- }
327
- .w-13-16-min {
328
- min-width: 81.25%;
329
- }
330
-
331
- .w-14-16 {
332
- width: 87.5%;
333
- }
334
- .w-14-16-max {
335
- max-width: 87.5%;
336
- }
337
- .w-14-16-min {
338
- min-width: 87.5%;
339
- }
340
-
341
- .w-15-16 {
342
- width: 93.75%;
343
- }
344
- .w-15-16-max {
345
- max-width: 93.75%;
346
- }
347
- .w-15-16-min {
348
- min-width: 93.75%;
349
- }
350
-
351
- .w-16-16 {
352
- width: 100%;
353
- }
354
- .w-16-16-max {
355
- max-width: 100%;
356
- }
357
- .w-16-16-min {
358
- min-width: 100%;
359
- }
360
-
361
- .h-full {
362
- height: 100%;
363
- }
364
- .h-full-max {
365
- max-height: 100%;
366
- }
367
- .h-full-min {
368
- min-height: 100%;
369
- }
370
-
371
- .h-mid {
372
- height: 50%;
373
- }
374
- .h-mid-max {
375
- max-height: 50%;
376
- }
377
- .h-mid-min {
378
- min-height: 50%;
379
- }
380
-
381
- .h-quarter {
382
- height: 25%;
383
- }
384
- .h-quarter-max {
385
- max-height: 25%;
386
- }
387
- .h-quarter-min {
388
- min-height: 25%;
389
- }
390
-
391
- .h-tiers {
392
- height: 33%;
393
- }
394
- .h-tiers-max {
395
- max-height: 33%;
396
- }
397
- .h-tiers-min {
398
- min-height: 33%;
399
- }
400
-
401
- .h-content-max {
402
- height: max-content;
403
- }
404
- .h-content-max-max {
405
- max-height: max-content;
406
- }
407
- .h-content-max-min {
408
- min-height: max-content;
409
- }
410
-
411
- .h-content-min {
412
- height: min-content;
413
- }
414
- .h-content-min-max {
415
- max-height: min-content;
416
- }
417
- .h-content-min-min {
418
- min-height: min-content;
419
- }
420
-
421
- .h-tiny {
422
- height: 2rem;
423
- }
424
- .h-tiny-max {
425
- max-height: 2rem;
426
- }
427
- .h-tiny-min {
428
- min-height: 2rem;
429
- }
430
-
431
- .h-small {
432
- height: 4rem;
433
- }
434
- .h-small-max {
435
- max-height: 4rem;
436
- }
437
- .h-small-min {
438
- min-height: 4rem;
439
- }
440
-
441
- .h-medium {
442
- height: 8rem;
443
- }
444
- .h-medium-max {
445
- max-height: 8rem;
446
- }
447
- .h-medium-min {
448
- min-height: 8rem;
449
- }
450
-
451
- .h-large {
452
- height: 16rem;
453
- }
454
- .h-large-max {
455
- max-height: 16rem;
456
- }
457
- .h-large-min {
458
- min-height: 16rem;
459
- }
460
-
461
- .h-wide {
462
- height: 32rem;
463
- }
464
- .h-wide-max {
465
- max-height: 32rem;
466
- }
467
- .h-wide-min {
468
- min-height: 32rem;
469
- }
470
-
471
- .h-1 {
472
- height: 1rem;
473
- }
474
- .h-1-max {
475
- max-height: 1rem;
476
- }
477
- .h-1-min {
478
- min-height: 1rem;
479
- }
480
-
481
- .h-2 {
482
- height: 2rem;
483
- }
484
- .h-2-max {
485
- max-height: 2rem;
486
- }
487
- .h-2-min {
488
- min-height: 2rem;
489
- }
490
-
491
- .h-4 {
492
- height: 4rem;
493
- }
494
- .h-4-max {
495
- max-height: 4rem;
496
- }
497
- .h-4-min {
498
- min-height: 4rem;
499
- }
500
-
501
- .h-8 {
502
- height: 8rem;
503
- }
504
- .h-8-max {
505
- max-height: 8rem;
506
- }
507
- .h-8-min {
508
- min-height: 8rem;
509
- }
510
-
511
- .h-16 {
512
- height: 16rem;
513
- }
514
- .h-16-max {
515
- max-height: 16rem;
516
- }
517
- .h-16-min {
518
- min-height: 16rem;
519
- }
520
-
521
- .h-24 {
522
- height: 24rem;
523
- }
524
- .h-24-max {
525
- max-height: 24rem;
526
- }
527
- .h-24-min {
528
- min-height: 24rem;
529
- }
530
-
531
- .h-32 {
532
- height: 32rem;
533
- }
534
- .h-32-max {
535
- max-height: 32rem;
536
- }
537
- .h-32-min {
538
- min-height: 32rem;
539
- }
540
-
541
- .h-48 {
542
- height: 48rem;
543
- }
544
- .h-48-max {
545
- max-height: 48rem;
546
- }
547
- .h-48-min {
548
- min-height: 48rem;
549
- }
550
-
551
- .h-64 {
552
- height: 64rem;
553
- }
554
- .h-64-max {
555
- max-height: 64rem;
556
- }
557
- .h-64-min {
558
- min-height: 64rem;
559
- }
560
-
561
- .h-1-16 {
562
- height: 6.25%;
563
- }
564
- .h-1-16-max {
565
- max-height: 6.25%;
566
- }
567
- .h-1-16-min {
568
- min-height: 6.25%;
569
- }
570
-
571
- .h-2-16 {
572
- height: 12.5%;
573
- }
574
- .h-2-16-max {
575
- max-height: 12.5%;
576
- }
577
- .h-2-16-min {
578
- min-height: 12.5%;
579
- }
580
-
581
- .h-3-16 {
582
- height: 18.75%;
583
- }
584
- .h-3-16-max {
585
- max-height: 18.75%;
586
- }
587
- .h-3-16-min {
588
- min-height: 18.75%;
589
- }
590
-
591
- .h-4-16 {
592
- height: 25%;
593
- }
594
- .h-4-16-max {
595
- max-height: 25%;
596
- }
597
- .h-4-16-min {
598
- min-height: 25%;
599
- }
600
-
601
- .h-5-16 {
602
- height: 31.25%;
603
- }
604
- .h-5-16-max {
605
- max-height: 31.25%;
606
- }
607
- .h-5-16-min {
608
- min-height: 31.25%;
609
- }
610
-
611
- .h-6-16 {
612
- height: 37.5%;
613
- }
614
- .h-6-16-max {
615
- max-height: 37.5%;
616
- }
617
- .h-6-16-min {
618
- min-height: 37.5%;
619
- }
620
-
621
- .h-7-16 {
622
- height: 43.75%;
623
- }
624
- .h-7-16-max {
625
- max-height: 43.75%;
626
- }
627
- .h-7-16-min {
628
- min-height: 43.75%;
629
- }
630
-
631
- .h-8-16 {
632
- height: 50%;
633
- }
634
- .h-8-16-max {
635
- max-height: 50%;
636
- }
637
- .h-8-16-min {
638
- min-height: 50%;
639
- }
640
-
641
- .h-9-16 {
642
- height: 56.25%;
643
- }
644
- .h-9-16-max {
645
- max-height: 56.25%;
646
- }
647
- .h-9-16-min {
648
- min-height: 56.25%;
649
- }
650
-
651
- .h-10-16 {
652
- height: 62.5%;
653
- }
654
- .h-10-16-max {
655
- max-height: 62.5%;
656
- }
657
- .h-10-16-min {
658
- min-height: 62.5%;
659
- }
660
-
661
- .h-11-16 {
662
- height: 68.75%;
663
- }
664
- .h-11-16-max {
665
- max-height: 68.75%;
666
- }
667
- .h-11-16-min {
668
- min-height: 68.75%;
669
- }
670
-
671
- .h-12-16 {
672
- height: 75%;
673
- }
674
- .h-12-16-max {
675
- max-height: 75%;
676
- }
677
- .h-12-16-min {
678
- min-height: 75%;
679
- }
680
-
681
- .h-13-16 {
682
- height: 81.25%;
683
- }
684
- .h-13-16-max {
685
- max-height: 81.25%;
686
- }
687
- .h-13-16-min {
688
- min-height: 81.25%;
689
- }
690
-
691
- .h-14-16 {
692
- height: 87.5%;
693
- }
694
- .h-14-16-max {
695
- max-height: 87.5%;
696
- }
697
- .h-14-16-min {
698
- min-height: 87.5%;
699
- }
700
-
701
- .h-15-16 {
702
- height: 93.75%;
703
- }
704
- .h-15-16-max {
705
- max-height: 93.75%;
706
- }
707
- .h-15-16-min {
708
- min-height: 93.75%;
709
- }
710
-
711
- .h-16-16 {
712
- height: 100%;
713
- }
714
- .h-16-16-max {
715
- max-height: 100%;
716
- }
717
- .h-16-16-min {
718
- min-height: 100%;
1
+
2
+ /**---------------------scale.css---------------------*/
3
+ .w-full {
4
+ width: 100%;
5
+ }
6
+ .w-full-max {
7
+ max-width: 100%;
8
+ }
9
+ .w-full-min {
10
+ min-width: 100%;
11
+ }
12
+
13
+ .w-mid {
14
+ width: 50%;
15
+ }
16
+ .w-mid-max {
17
+ max-width: 50%;
18
+ }
19
+ .w-mid-min {
20
+ min-width: 50%;
21
+ }
22
+
23
+ .w-quarter {
24
+ width: 25%;
25
+ }
26
+ .w-quarter-max {
27
+ max-width: 25%;
28
+ }
29
+ .w-quarter-min {
30
+ min-width: 25%;
31
+ }
32
+
33
+ .w-tiers {
34
+ width: 33%;
35
+ }
36
+ .w-tiers-max {
37
+ max-width: 33%;
38
+ }
39
+ .w-tiers-min {
40
+ min-width: 33%;
41
+ }
42
+
43
+ .w-content-max {
44
+ width: max-content;
45
+ }
46
+ .w-content-max-max {
47
+ max-width: max-content;
48
+ }
49
+ .w-content-max-min {
50
+ min-width: max-content;
51
+ }
52
+
53
+ .w-content-min {
54
+ width: min-content;
55
+ }
56
+ .w-content-min-max {
57
+ max-width: min-content;
58
+ }
59
+ .w-content-min-min {
60
+ min-width: min-content;
61
+ }
62
+
63
+ .w-tiny {
64
+ width: 2rem;
65
+ }
66
+ .w-tiny-max {
67
+ max-width: 2rem;
68
+ }
69
+ .w-tiny-min {
70
+ min-width: 2rem;
71
+ }
72
+
73
+ .w-small {
74
+ width: 4rem;
75
+ }
76
+ .w-small-max {
77
+ max-width: 4rem;
78
+ }
79
+ .w-small-min {
80
+ min-width: 4rem;
81
+ }
82
+
83
+ .w-medium {
84
+ width: 8rem;
85
+ }
86
+ .w-medium-max {
87
+ max-width: 8rem;
88
+ }
89
+ .w-medium-min {
90
+ min-width: 8rem;
91
+ }
92
+
93
+ .w-large {
94
+ width: 16rem;
95
+ }
96
+ .w-large-max {
97
+ max-width: 16rem;
98
+ }
99
+ .w-large-min {
100
+ min-width: 16rem;
101
+ }
102
+
103
+ .w-wide {
104
+ width: 32rem;
105
+ }
106
+ .w-wide-max {
107
+ max-width: 32rem;
108
+ }
109
+ .w-wide-min {
110
+ min-width: 32rem;
111
+ }
112
+
113
+ .w-1 {
114
+ width: 1rem;
115
+ }
116
+ .w-1-max {
117
+ max-width: 1rem;
118
+ }
119
+ .w-1-min {
120
+ min-width: 1rem;
121
+ }
122
+
123
+ .w-2 {
124
+ width: 2rem;
125
+ }
126
+ .w-2-max {
127
+ max-width: 2rem;
128
+ }
129
+ .w-2-min {
130
+ min-width: 2rem;
131
+ }
132
+
133
+ .w-4 {
134
+ width: 4rem;
135
+ }
136
+ .w-4-max {
137
+ max-width: 4rem;
138
+ }
139
+ .w-4-min {
140
+ min-width: 4rem;
141
+ }
142
+
143
+ .w-8 {
144
+ width: 8rem;
145
+ }
146
+ .w-8-max {
147
+ max-width: 8rem;
148
+ }
149
+ .w-8-min {
150
+ min-width: 8rem;
151
+ }
152
+
153
+ .w-16 {
154
+ width: 16rem;
155
+ }
156
+ .w-16-max {
157
+ max-width: 16rem;
158
+ }
159
+ .w-16-min {
160
+ min-width: 16rem;
161
+ }
162
+
163
+ .w-24 {
164
+ width: 24rem;
165
+ }
166
+ .w-24-max {
167
+ max-width: 24rem;
168
+ }
169
+ .w-24-min {
170
+ min-width: 24rem;
171
+ }
172
+
173
+ .w-32 {
174
+ width: 32rem;
175
+ }
176
+ .w-32-max {
177
+ max-width: 32rem;
178
+ }
179
+ .w-32-min {
180
+ min-width: 32rem;
181
+ }
182
+
183
+ .w-48 {
184
+ width: 48rem;
185
+ }
186
+ .w-48-max {
187
+ max-width: 48rem;
188
+ }
189
+ .w-48-min {
190
+ min-width: 48rem;
191
+ }
192
+
193
+ .w-64 {
194
+ width: 64rem;
195
+ }
196
+ .w-64-max {
197
+ max-width: 64rem;
198
+ }
199
+ .w-64-min {
200
+ min-width: 64rem;
201
+ }
202
+
203
+ .w-1-16 {
204
+ width: 6.25%;
205
+ }
206
+ .w-1-16-max {
207
+ max-width: 6.25%;
208
+ }
209
+ .w-1-16-min {
210
+ min-width: 6.25%;
211
+ }
212
+
213
+ .w-2-16 {
214
+ width: 12.5%;
215
+ }
216
+ .w-2-16-max {
217
+ max-width: 12.5%;
218
+ }
219
+ .w-2-16-min {
220
+ min-width: 12.5%;
221
+ }
222
+
223
+ .w-3-16 {
224
+ width: 18.75%;
225
+ }
226
+ .w-3-16-max {
227
+ max-width: 18.75%;
228
+ }
229
+ .w-3-16-min {
230
+ min-width: 18.75%;
231
+ }
232
+
233
+ .w-4-16 {
234
+ width: 25%;
235
+ }
236
+ .w-4-16-max {
237
+ max-width: 25%;
238
+ }
239
+ .w-4-16-min {
240
+ min-width: 25%;
241
+ }
242
+
243
+ .w-5-16 {
244
+ width: 31.25%;
245
+ }
246
+ .w-5-16-max {
247
+ max-width: 31.25%;
248
+ }
249
+ .w-5-16-min {
250
+ min-width: 31.25%;
251
+ }
252
+
253
+ .w-6-16 {
254
+ width: 37.5%;
255
+ }
256
+ .w-6-16-max {
257
+ max-width: 37.5%;
258
+ }
259
+ .w-6-16-min {
260
+ min-width: 37.5%;
261
+ }
262
+
263
+ .w-7-16 {
264
+ width: 43.75%;
265
+ }
266
+ .w-7-16-max {
267
+ max-width: 43.75%;
268
+ }
269
+ .w-7-16-min {
270
+ min-width: 43.75%;
271
+ }
272
+
273
+ .w-8-16 {
274
+ width: 50%;
275
+ }
276
+ .w-8-16-max {
277
+ max-width: 50%;
278
+ }
279
+ .w-8-16-min {
280
+ min-width: 50%;
281
+ }
282
+
283
+ .w-9-16 {
284
+ width: 56.25%;
285
+ }
286
+ .w-9-16-max {
287
+ max-width: 56.25%;
288
+ }
289
+ .w-9-16-min {
290
+ min-width: 56.25%;
291
+ }
292
+
293
+ .w-10-16 {
294
+ width: 62.5%;
295
+ }
296
+ .w-10-16-max {
297
+ max-width: 62.5%;
298
+ }
299
+ .w-10-16-min {
300
+ min-width: 62.5%;
301
+ }
302
+
303
+ .w-11-16 {
304
+ width: 68.75%;
305
+ }
306
+ .w-11-16-max {
307
+ max-width: 68.75%;
308
+ }
309
+ .w-11-16-min {
310
+ min-width: 68.75%;
311
+ }
312
+
313
+ .w-12-16 {
314
+ width: 75%;
315
+ }
316
+ .w-12-16-max {
317
+ max-width: 75%;
318
+ }
319
+ .w-12-16-min {
320
+ min-width: 75%;
321
+ }
322
+
323
+ .w-13-16 {
324
+ width: 81.25%;
325
+ }
326
+ .w-13-16-max {
327
+ max-width: 81.25%;
328
+ }
329
+ .w-13-16-min {
330
+ min-width: 81.25%;
331
+ }
332
+
333
+ .w-14-16 {
334
+ width: 87.5%;
335
+ }
336
+ .w-14-16-max {
337
+ max-width: 87.5%;
338
+ }
339
+ .w-14-16-min {
340
+ min-width: 87.5%;
341
+ }
342
+
343
+ .w-15-16 {
344
+ width: 93.75%;
345
+ }
346
+ .w-15-16-max {
347
+ max-width: 93.75%;
348
+ }
349
+ .w-15-16-min {
350
+ min-width: 93.75%;
351
+ }
352
+
353
+ .w-16-16 {
354
+ width: 100%;
355
+ }
356
+ .w-16-16-max {
357
+ max-width: 100%;
358
+ }
359
+ .w-16-16-min {
360
+ min-width: 100%;
361
+ }
362
+
363
+ .h-full {
364
+ height: 100%;
365
+ }
366
+ .h-full-max {
367
+ max-height: 100%;
368
+ }
369
+ .h-full-min {
370
+ min-height: 100%;
371
+ }
372
+
373
+ .h-mid {
374
+ height: 50%;
375
+ }
376
+ .h-mid-max {
377
+ max-height: 50%;
378
+ }
379
+ .h-mid-min {
380
+ min-height: 50%;
381
+ }
382
+
383
+ .h-quarter {
384
+ height: 25%;
385
+ }
386
+ .h-quarter-max {
387
+ max-height: 25%;
388
+ }
389
+ .h-quarter-min {
390
+ min-height: 25%;
391
+ }
392
+
393
+ .h-tiers {
394
+ height: 33%;
395
+ }
396
+ .h-tiers-max {
397
+ max-height: 33%;
398
+ }
399
+ .h-tiers-min {
400
+ min-height: 33%;
401
+ }
402
+
403
+ .h-content-max {
404
+ height: max-content;
405
+ }
406
+ .h-content-max-max {
407
+ max-height: max-content;
408
+ }
409
+ .h-content-max-min {
410
+ min-height: max-content;
411
+ }
412
+
413
+ .h-content-min {
414
+ height: min-content;
415
+ }
416
+ .h-content-min-max {
417
+ max-height: min-content;
418
+ }
419
+ .h-content-min-min {
420
+ min-height: min-content;
421
+ }
422
+
423
+ .h-tiny {
424
+ height: 2rem;
425
+ }
426
+ .h-tiny-max {
427
+ max-height: 2rem;
428
+ }
429
+ .h-tiny-min {
430
+ min-height: 2rem;
431
+ }
432
+
433
+ .h-small {
434
+ height: 4rem;
435
+ }
436
+ .h-small-max {
437
+ max-height: 4rem;
438
+ }
439
+ .h-small-min {
440
+ min-height: 4rem;
441
+ }
442
+
443
+ .h-medium {
444
+ height: 8rem;
445
+ }
446
+ .h-medium-max {
447
+ max-height: 8rem;
448
+ }
449
+ .h-medium-min {
450
+ min-height: 8rem;
451
+ }
452
+
453
+ .h-large {
454
+ height: 16rem;
455
+ }
456
+ .h-large-max {
457
+ max-height: 16rem;
458
+ }
459
+ .h-large-min {
460
+ min-height: 16rem;
461
+ }
462
+
463
+ .h-wide {
464
+ height: 32rem;
465
+ }
466
+ .h-wide-max {
467
+ max-height: 32rem;
468
+ }
469
+ .h-wide-min {
470
+ min-height: 32rem;
471
+ }
472
+
473
+ .h-1 {
474
+ height: 1rem;
475
+ }
476
+ .h-1-max {
477
+ max-height: 1rem;
478
+ }
479
+ .h-1-min {
480
+ min-height: 1rem;
481
+ }
482
+
483
+ .h-2 {
484
+ height: 2rem;
485
+ }
486
+ .h-2-max {
487
+ max-height: 2rem;
488
+ }
489
+ .h-2-min {
490
+ min-height: 2rem;
491
+ }
492
+
493
+ .h-4 {
494
+ height: 4rem;
495
+ }
496
+ .h-4-max {
497
+ max-height: 4rem;
498
+ }
499
+ .h-4-min {
500
+ min-height: 4rem;
501
+ }
502
+
503
+ .h-8 {
504
+ height: 8rem;
505
+ }
506
+ .h-8-max {
507
+ max-height: 8rem;
508
+ }
509
+ .h-8-min {
510
+ min-height: 8rem;
511
+ }
512
+
513
+ .h-16 {
514
+ height: 16rem;
515
+ }
516
+ .h-16-max {
517
+ max-height: 16rem;
518
+ }
519
+ .h-16-min {
520
+ min-height: 16rem;
521
+ }
522
+
523
+ .h-24 {
524
+ height: 24rem;
525
+ }
526
+ .h-24-max {
527
+ max-height: 24rem;
528
+ }
529
+ .h-24-min {
530
+ min-height: 24rem;
531
+ }
532
+
533
+ .h-32 {
534
+ height: 32rem;
535
+ }
536
+ .h-32-max {
537
+ max-height: 32rem;
538
+ }
539
+ .h-32-min {
540
+ min-height: 32rem;
541
+ }
542
+
543
+ .h-48 {
544
+ height: 48rem;
545
+ }
546
+ .h-48-max {
547
+ max-height: 48rem;
548
+ }
549
+ .h-48-min {
550
+ min-height: 48rem;
551
+ }
552
+
553
+ .h-64 {
554
+ height: 64rem;
555
+ }
556
+ .h-64-max {
557
+ max-height: 64rem;
558
+ }
559
+ .h-64-min {
560
+ min-height: 64rem;
561
+ }
562
+
563
+ .h-1-16 {
564
+ height: 6.25%;
565
+ }
566
+ .h-1-16-max {
567
+ max-height: 6.25%;
568
+ }
569
+ .h-1-16-min {
570
+ min-height: 6.25%;
571
+ }
572
+
573
+ .h-2-16 {
574
+ height: 12.5%;
575
+ }
576
+ .h-2-16-max {
577
+ max-height: 12.5%;
578
+ }
579
+ .h-2-16-min {
580
+ min-height: 12.5%;
581
+ }
582
+
583
+ .h-3-16 {
584
+ height: 18.75%;
585
+ }
586
+ .h-3-16-max {
587
+ max-height: 18.75%;
588
+ }
589
+ .h-3-16-min {
590
+ min-height: 18.75%;
591
+ }
592
+
593
+ .h-4-16 {
594
+ height: 25%;
595
+ }
596
+ .h-4-16-max {
597
+ max-height: 25%;
598
+ }
599
+ .h-4-16-min {
600
+ min-height: 25%;
601
+ }
602
+
603
+ .h-5-16 {
604
+ height: 31.25%;
605
+ }
606
+ .h-5-16-max {
607
+ max-height: 31.25%;
608
+ }
609
+ .h-5-16-min {
610
+ min-height: 31.25%;
611
+ }
612
+
613
+ .h-6-16 {
614
+ height: 37.5%;
615
+ }
616
+ .h-6-16-max {
617
+ max-height: 37.5%;
618
+ }
619
+ .h-6-16-min {
620
+ min-height: 37.5%;
621
+ }
622
+
623
+ .h-7-16 {
624
+ height: 43.75%;
625
+ }
626
+ .h-7-16-max {
627
+ max-height: 43.75%;
628
+ }
629
+ .h-7-16-min {
630
+ min-height: 43.75%;
631
+ }
632
+
633
+ .h-8-16 {
634
+ height: 50%;
635
+ }
636
+ .h-8-16-max {
637
+ max-height: 50%;
638
+ }
639
+ .h-8-16-min {
640
+ min-height: 50%;
641
+ }
642
+
643
+ .h-9-16 {
644
+ height: 56.25%;
645
+ }
646
+ .h-9-16-max {
647
+ max-height: 56.25%;
648
+ }
649
+ .h-9-16-min {
650
+ min-height: 56.25%;
651
+ }
652
+
653
+ .h-10-16 {
654
+ height: 62.5%;
655
+ }
656
+ .h-10-16-max {
657
+ max-height: 62.5%;
658
+ }
659
+ .h-10-16-min {
660
+ min-height: 62.5%;
661
+ }
662
+
663
+ .h-11-16 {
664
+ height: 68.75%;
665
+ }
666
+ .h-11-16-max {
667
+ max-height: 68.75%;
668
+ }
669
+ .h-11-16-min {
670
+ min-height: 68.75%;
671
+ }
672
+
673
+ .h-12-16 {
674
+ height: 75%;
675
+ }
676
+ .h-12-16-max {
677
+ max-height: 75%;
678
+ }
679
+ .h-12-16-min {
680
+ min-height: 75%;
681
+ }
682
+
683
+ .h-13-16 {
684
+ height: 81.25%;
685
+ }
686
+ .h-13-16-max {
687
+ max-height: 81.25%;
688
+ }
689
+ .h-13-16-min {
690
+ min-height: 81.25%;
691
+ }
692
+
693
+ .h-14-16 {
694
+ height: 87.5%;
695
+ }
696
+ .h-14-16-max {
697
+ max-height: 87.5%;
698
+ }
699
+ .h-14-16-min {
700
+ min-height: 87.5%;
701
+ }
702
+
703
+ .h-15-16 {
704
+ height: 93.75%;
705
+ }
706
+ .h-15-16-max {
707
+ max-height: 93.75%;
708
+ }
709
+ .h-15-16-min {
710
+ min-height: 93.75%;
711
+ }
712
+
713
+ .h-16-16 {
714
+ height: 100%;
715
+ }
716
+ .h-16-16-max {
717
+ max-height: 100%;
718
+ }
719
+ .h-16-16-min {
720
+ min-height: 100%;
719
721
  }