@medyll/cssfabric 0.1.0 → 0.1.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 (44) hide show
  1. package/lib/styles/core/box/box.css +756 -1842
  2. package/lib/styles/core/box/box.min.css +1 -1
  3. package/lib/styles/core/box/box.responsive.css +3757 -10552
  4. package/lib/styles/core/box/box.responsive.min.css +1 -1
  5. package/lib/styles/core/color/color.css +908 -266
  6. package/lib/styles/core/color/color.min.css +1 -1
  7. package/lib/styles/core/color/color.responsive.css +4011 -2368
  8. package/lib/styles/core/color/color.responsive.min.css +1 -1
  9. package/lib/styles/core/flex/flex.responsive.css +0 -126
  10. package/lib/styles/core/flex/flex.responsive.min.css +1 -1
  11. package/lib/styles/core/grid/grid.responsive.css +0 -121
  12. package/lib/styles/core/grid/grid.responsive.min.css +1 -1
  13. package/lib/styles/core/menu/menu.responsive.css +0 -81
  14. package/lib/styles/core/menu/menu.responsive.min.css +1 -1
  15. package/lib/styles/core/overflow/overflow.responsive.css +0 -61
  16. package/lib/styles/core/overflow/overflow.responsive.min.css +1 -1
  17. package/lib/styles/core/scale/scale.css +286 -206
  18. package/lib/styles/core/scale/scale.min.css +1 -1
  19. package/lib/styles/core/scale/scale.responsive.css +1157 -1478
  20. package/lib/styles/core/scale/scale.responsive.min.css +1 -1
  21. package/lib/styles/core/table/table.responsive.css +0 -74
  22. package/lib/styles/core/table/table.responsive.min.css +1 -1
  23. package/lib/styles/core/text/text.css +4 -0
  24. package/lib/styles/core/text/text.responsive.css +0 -549
  25. package/lib/styles/core/text/text.responsive.min.css +1 -1
  26. package/lib/styles/core/vars.css +261 -125
  27. package/lib/styles/core/vars.min.css +1 -1
  28. package/lib/styles/cssfabric.css +2626 -2850
  29. package/lib/styles/cssfabric.min.css +4 -4
  30. package/lib/styles/cssfabric.responsive.css +10959 -17444
  31. package/lib/styles/cssfabric.responsive.min.css +9 -9
  32. package/package.json +1 -1
  33. package/src/_generated/export.variables.json +77 -78
  34. package/src/cssfabric/_utils.scss +22 -12
  35. package/src/cssfabric/modules/_cssfabric-config.scss +87 -17
  36. package/src/cssfabric/modules/box/_box-build.scss +103 -84
  37. package/src/cssfabric/modules/box/_box-vars.scss +48 -46
  38. package/src/cssfabric/modules/color/_color-build.scss +108 -24
  39. package/src/cssfabric/modules/scale/_scale-build.scss +26 -13
  40. package/src/cssfabric/modules/scale/_scale-vars.scss +50 -51
  41. package/src/cssfabric/modules/text/_text-build.scss +60 -3
  42. package/src/cssfabric/modules/text/text-responsive.scss +1 -0
  43. package/src/cssfabric/modules/theme/_theme-build.scss +27 -10
  44. package/src/cssfabric/modules/vars.scss +19 -86
package/lib/styles/core/text/text.responsive.css CHANGED
@@ -46,106 +46,6 @@ h6 {
46
46
  line-height: 1.2;
47
47
  font-weight: 400;
48
48
  }
49
-
50
- .text-xxl-cap {
51
- text-transform: capitalize;
52
- }
53
- .text-xxl-up {
54
- text-transform: uppercase;
55
- }
56
- .text-xxl-low {
57
- text-transform: lowercase;
58
- }
59
- .text-xxl-none {
60
- text-transform: none;
61
- }
62
- .text-xxl-full {
63
- text-transform: full-width;
64
- }
65
- .text-xxl-l {
66
- text-align: left;
67
- }
68
- .text-xxl-r {
69
- text-align: right;
70
- }
71
- .text-xxl-center {
72
- text-align: center;
73
- }
74
- .text-xxl-justify {
75
- text-align: justify;
76
- }
77
- .text-xxl-50 {
78
- font-weight: var(--font-weight-50);
79
- }
80
- .text-xxl-100 {
81
- font-weight: var(--font-weight-100);
82
- }
83
- .text-xxl-300 {
84
- font-weight: var(--font-weight-300);
85
- }
86
- .text-xxl-500 {
87
- font-weight: var(--font-weight-500);
88
- }
89
- .text-xxl-900 {
90
- font-weight: var(--font-weight-900);
91
- }
92
- .text-xxl-light {
93
- font-weight: var(--font-weight-light);
94
- }
95
- .text-xxl-cap {
96
- font-weight: var(--font-weight-cap);
97
- }
98
- .text-xxl-bold {
99
- font-weight: var(--font-weight-bold);
100
- }
101
- .text-xxl-bolder {
102
- font-weight: var(--font-weight-bolder);
103
- }
104
- .text-xxl-shad-discrete {
105
- text-shadow: var(--text-shadow-discrete);
106
- }
107
- .text-xxl-shad-success {
108
- text-shadow: var(--text-shadow-success);
109
- }
110
- .text-xxl-shad-info {
111
- text-shadow: var(--text-shadow-info);
112
- }
113
- .text-xxl-shad-warning {
114
- text-shadow: var(--text-shadow-warning);
115
- }
116
- .text-xxl-shad-alert {
117
- text-shadow: var(--text-shadow-alert);
118
- }
119
- .text-xxl-shad-error {
120
- text-shadow: var(--text-shadow-error);
121
- }
122
- .text-xxl-shad-yellow {
123
- text-shadow: var(--text-shadow-yellow);
124
- }
125
- .text-xxl-shad-orange {
126
- text-shadow: var(--text-shadow-orange);
127
- }
128
- .text-xxl-shad-red {
129
- text-shadow: var(--text-shadow-red);
130
- }
131
- .text-xxl-shad-magenta {
132
- text-shadow: var(--text-shadow-magenta);
133
- }
134
- .text-xxl-shad-purple {
135
- text-shadow: var(--text-shadow-purple);
136
- }
137
- .text-xxl-shad-green {
138
- text-shadow: var(--text-shadow-green);
139
- }
140
- .text-xxl-shad-teal {
141
- text-shadow: var(--text-shadow-teal);
142
- }
143
- .text-xxl-shad-blue {
144
- text-shadow: var(--text-shadow-blue);
145
- }
146
- .text-xxl-shad-dark {
147
- text-shadow: var(--text-shadow-dark);
148
- }
149
49
  }
150
50
  @media only screen and (max-width: 1200px) {
151
51
  .text-xl-ellipsis {
@@ -195,106 +95,6 @@ h6 {
195
95
  line-height: 1.2;
196
96
  font-weight: 400;
197
97
  }
198
-
199
- .text-xl-cap {
200
- text-transform: capitalize;
201
- }
202
- .text-xl-up {
203
- text-transform: uppercase;
204
- }
205
- .text-xl-low {
206
- text-transform: lowercase;
207
- }
208
- .text-xl-none {
209
- text-transform: none;
210
- }
211
- .text-xl-full {
212
- text-transform: full-width;
213
- }
214
- .text-xl-l {
215
- text-align: left;
216
- }
217
- .text-xl-r {
218
- text-align: right;
219
- }
220
- .text-xl-center {
221
- text-align: center;
222
- }
223
- .text-xl-justify {
224
- text-align: justify;
225
- }
226
- .text-xl-50 {
227
- font-weight: var(--font-weight-50);
228
- }
229
- .text-xl-100 {
230
- font-weight: var(--font-weight-100);
231
- }
232
- .text-xl-300 {
233
- font-weight: var(--font-weight-300);
234
- }
235
- .text-xl-500 {
236
- font-weight: var(--font-weight-500);
237
- }
238
- .text-xl-900 {
239
- font-weight: var(--font-weight-900);
240
- }
241
- .text-xl-light {
242
- font-weight: var(--font-weight-light);
243
- }
244
- .text-xl-cap {
245
- font-weight: var(--font-weight-cap);
246
- }
247
- .text-xl-bold {
248
- font-weight: var(--font-weight-bold);
249
- }
250
- .text-xl-bolder {
251
- font-weight: var(--font-weight-bolder);
252
- }
253
- .text-xl-shad-discrete {
254
- text-shadow: var(--text-shadow-discrete);
255
- }
256
- .text-xl-shad-success {
257
- text-shadow: var(--text-shadow-success);
258
- }
259
- .text-xl-shad-info {
260
- text-shadow: var(--text-shadow-info);
261
- }
262
- .text-xl-shad-warning {
263
- text-shadow: var(--text-shadow-warning);
264
- }
265
- .text-xl-shad-alert {
266
- text-shadow: var(--text-shadow-alert);
267
- }
268
- .text-xl-shad-error {
269
- text-shadow: var(--text-shadow-error);
270
- }
271
- .text-xl-shad-yellow {
272
- text-shadow: var(--text-shadow-yellow);
273
- }
274
- .text-xl-shad-orange {
275
- text-shadow: var(--text-shadow-orange);
276
- }
277
- .text-xl-shad-red {
278
- text-shadow: var(--text-shadow-red);
279
- }
280
- .text-xl-shad-magenta {
281
- text-shadow: var(--text-shadow-magenta);
282
- }
283
- .text-xl-shad-purple {
284
- text-shadow: var(--text-shadow-purple);
285
- }
286
- .text-xl-shad-green {
287
- text-shadow: var(--text-shadow-green);
288
- }
289
- .text-xl-shad-teal {
290
- text-shadow: var(--text-shadow-teal);
291
- }
292
- .text-xl-shad-blue {
293
- text-shadow: var(--text-shadow-blue);
294
- }
295
- .text-xl-shad-dark {
296
- text-shadow: var(--text-shadow-dark);
297
- }
298
98
  }
299
99
  @media only screen and (max-width: 960px) {
300
100
  .text-lg-ellipsis {
@@ -344,106 +144,6 @@ h6 {
344
144
  line-height: 1.2;
345
145
  font-weight: 400;
346
146
  }
347
-
348
- .text-lg-cap {
349
- text-transform: capitalize;
350
- }
351
- .text-lg-up {
352
- text-transform: uppercase;
353
- }
354
- .text-lg-low {
355
- text-transform: lowercase;
356
- }
357
- .text-lg-none {
358
- text-transform: none;
359
- }
360
- .text-lg-full {
361
- text-transform: full-width;
362
- }
363
- .text-lg-l {
364
- text-align: left;
365
- }
366
- .text-lg-r {
367
- text-align: right;
368
- }
369
- .text-lg-center {
370
- text-align: center;
371
- }
372
- .text-lg-justify {
373
- text-align: justify;
374
- }
375
- .text-lg-50 {
376
- font-weight: var(--font-weight-50);
377
- }
378
- .text-lg-100 {
379
- font-weight: var(--font-weight-100);
380
- }
381
- .text-lg-300 {
382
- font-weight: var(--font-weight-300);
383
- }
384
- .text-lg-500 {
385
- font-weight: var(--font-weight-500);
386
- }
387
- .text-lg-900 {
388
- font-weight: var(--font-weight-900);
389
- }
390
- .text-lg-light {
391
- font-weight: var(--font-weight-light);
392
- }
393
- .text-lg-cap {
394
- font-weight: var(--font-weight-cap);
395
- }
396
- .text-lg-bold {
397
- font-weight: var(--font-weight-bold);
398
- }
399
- .text-lg-bolder {
400
- font-weight: var(--font-weight-bolder);
401
- }
402
- .text-lg-shad-discrete {
403
- text-shadow: var(--text-shadow-discrete);
404
- }
405
- .text-lg-shad-success {
406
- text-shadow: var(--text-shadow-success);
407
- }
408
- .text-lg-shad-info {
409
- text-shadow: var(--text-shadow-info);
410
- }
411
- .text-lg-shad-warning {
412
- text-shadow: var(--text-shadow-warning);
413
- }
414
- .text-lg-shad-alert {
415
- text-shadow: var(--text-shadow-alert);
416
- }
417
- .text-lg-shad-error {
418
- text-shadow: var(--text-shadow-error);
419
- }
420
- .text-lg-shad-yellow {
421
- text-shadow: var(--text-shadow-yellow);
422
- }
423
- .text-lg-shad-orange {
424
- text-shadow: var(--text-shadow-orange);
425
- }
426
- .text-lg-shad-red {
427
- text-shadow: var(--text-shadow-red);
428
- }
429
- .text-lg-shad-magenta {
430
- text-shadow: var(--text-shadow-magenta);
431
- }
432
- .text-lg-shad-purple {
433
- text-shadow: var(--text-shadow-purple);
434
- }
435
- .text-lg-shad-green {
436
- text-shadow: var(--text-shadow-green);
437
- }
438
- .text-lg-shad-teal {
439
- text-shadow: var(--text-shadow-teal);
440
- }
441
- .text-lg-shad-blue {
442
- text-shadow: var(--text-shadow-blue);
443
- }
444
- .text-lg-shad-dark {
445
- text-shadow: var(--text-shadow-dark);
446
- }
447
147
  }
448
148
  @media only screen and (max-width: 760px) {
449
149
  .text-md-ellipsis {
@@ -493,253 +193,4 @@ h6 {
493
193
  line-height: 1.2;
494
194
  font-weight: 400;
495
195
  }
496
-
497
- .text-md-cap {
498
- text-transform: capitalize;
499
- }
500
- .text-md-up {
501
- text-transform: uppercase;
502
- }
503
- .text-md-low {
504
- text-transform: lowercase;
505
- }
506
- .text-md-none {
507
- text-transform: none;
508
- }
509
- .text-md-full {
510
- text-transform: full-width;
511
- }
512
- .text-md-l {
513
- text-align: left;
514
- }
515
- .text-md-r {
516
- text-align: right;
517
- }
518
- .text-md-center {
519
- text-align: center;
520
- }
521
- .text-md-justify {
522
- text-align: justify;
523
- }
524
- .text-md-50 {
525
- font-weight: var(--font-weight-50);
526
- }
527
- .text-md-100 {
528
- font-weight: var(--font-weight-100);
529
- }
530
- .text-md-300 {
531
- font-weight: var(--font-weight-300);
532
- }
533
- .text-md-500 {
534
- font-weight: var(--font-weight-500);
535
- }
536
- .text-md-900 {
537
- font-weight: var(--font-weight-900);
538
- }
539
- .text-md-light {
540
- font-weight: var(--font-weight-light);
541
- }
542
- .text-md-cap {
543
- font-weight: var(--font-weight-cap);
544
- }
545
- .text-md-bold {
546
- font-weight: var(--font-weight-bold);
547
- }
548
- .text-md-bolder {
549
- font-weight: var(--font-weight-bolder);
550
- }
551
- .text-md-shad-discrete {
552
- text-shadow: var(--text-shadow-discrete);
553
- }
554
- .text-md-shad-success {
555
- text-shadow: var(--text-shadow-success);
556
- }
557
- .text-md-shad-info {
558
- text-shadow: var(--text-shadow-info);
559
- }
560
- .text-md-shad-warning {
561
- text-shadow: var(--text-shadow-warning);
562
- }
563
- .text-md-shad-alert {
564
- text-shadow: var(--text-shadow-alert);
565
- }
566
- .text-md-shad-error {
567
- text-shadow: var(--text-shadow-error);
568
- }
569
- .text-md-shad-yellow {
570
- text-shadow: var(--text-shadow-yellow);
571
- }
572
- .text-md-shad-orange {
573
- text-shadow: var(--text-shadow-orange);
574
- }
575
- .text-md-shad-red {
576
- text-shadow: var(--text-shadow-red);
577
- }
578
- .text-md-shad-magenta {
579
- text-shadow: var(--text-shadow-magenta);
580
- }
581
- .text-md-shad-purple {
582
- text-shadow: var(--text-shadow-purple);
583
- }
584
- .text-md-shad-green {
585
- text-shadow: var(--text-shadow-green);
586
- }
587
- .text-md-shad-teal {
588
- text-shadow: var(--text-shadow-teal);
589
- }
590
- .text-md-shad-blue {
591
- text-shadow: var(--text-shadow-blue);
592
- }
593
- .text-md-shad-dark {
594
- text-shadow: var(--text-shadow-dark);
595
- }
596
- }
597
- @media only screen and (max-width: 0px) {
598
- .text-sm-ellipsis {
599
- text-overflow: ellipsis;
600
- overflow: hidden;
601
- white-space: nowrap;
602
- }
603
-
604
- .h1,
605
- h1 {
606
- font-size: var(--font-size-h1);
607
- line-height: 1.2;
608
- font-weight: 400;
609
- }
610
-
611
- .h2,
612
- h2 {
613
- font-size: var(--font-size-h2);
614
- line-height: 1.2;
615
- font-weight: 400;
616
- }
617
-
618
- .h3,
619
- h3 {
620
- font-size: var(--font-size-h3);
621
- line-height: 1.2;
622
- font-weight: 400;
623
- }
624
-
625
- .h4,
626
- h4 {
627
- font-size: var(--font-size-h4);
628
- line-height: 1.2;
629
- font-weight: 400;
630
- }
631
-
632
- .h5,
633
- h5 {
634
- font-size: var(--font-size-h5);
635
- line-height: 1.2;
636
- font-weight: 400;
637
- }
638
-
639
- .h6,
640
- h6 {
641
- font-size: var(--font-size-h6);
642
- line-height: 1.2;
643
- font-weight: 400;
644
- }
645
-
646
- .text-sm-cap {
647
- text-transform: capitalize;
648
- }
649
- .text-sm-up {
650
- text-transform: uppercase;
651
- }
652
- .text-sm-low {
653
- text-transform: lowercase;
654
- }
655
- .text-sm-none {
656
- text-transform: none;
657
- }
658
- .text-sm-full {
659
- text-transform: full-width;
660
- }
661
- .text-sm-l {
662
- text-align: left;
663
- }
664
- .text-sm-r {
665
- text-align: right;
666
- }
667
- .text-sm-center {
668
- text-align: center;
669
- }
670
- .text-sm-justify {
671
- text-align: justify;
672
- }
673
- .text-sm-50 {
674
- font-weight: var(--font-weight-50);
675
- }
676
- .text-sm-100 {
677
- font-weight: var(--font-weight-100);
678
- }
679
- .text-sm-300 {
680
- font-weight: var(--font-weight-300);
681
- }
682
- .text-sm-500 {
683
- font-weight: var(--font-weight-500);
684
- }
685
- .text-sm-900 {
686
- font-weight: var(--font-weight-900);
687
- }
688
- .text-sm-light {
689
- font-weight: var(--font-weight-light);
690
- }
691
- .text-sm-cap {
692
- font-weight: var(--font-weight-cap);
693
- }
694
- .text-sm-bold {
695
- font-weight: var(--font-weight-bold);
696
- }
697
- .text-sm-bolder {
698
- font-weight: var(--font-weight-bolder);
699
- }
700
- .text-sm-shad-discrete {
701
- text-shadow: var(--text-shadow-discrete);
702
- }
703
- .text-sm-shad-success {
704
- text-shadow: var(--text-shadow-success);
705
- }
706
- .text-sm-shad-info {
707
- text-shadow: var(--text-shadow-info);
708
- }
709
- .text-sm-shad-warning {
710
- text-shadow: var(--text-shadow-warning);
711
- }
712
- .text-sm-shad-alert {
713
- text-shadow: var(--text-shadow-alert);
714
- }
715
- .text-sm-shad-error {
716
- text-shadow: var(--text-shadow-error);
717
- }
718
- .text-sm-shad-yellow {
719
- text-shadow: var(--text-shadow-yellow);
720
- }
721
- .text-sm-shad-orange {
722
- text-shadow: var(--text-shadow-orange);
723
- }
724
- .text-sm-shad-red {
725
- text-shadow: var(--text-shadow-red);
726
- }
727
- .text-sm-shad-magenta {
728
- text-shadow: var(--text-shadow-magenta);
729
- }
730
- .text-sm-shad-purple {
731
- text-shadow: var(--text-shadow-purple);
732
- }
733
- .text-sm-shad-green {
734
- text-shadow: var(--text-shadow-green);
735
- }
736
- .text-sm-shad-teal {
737
- text-shadow: var(--text-shadow-teal);
738
- }
739
- .text-sm-shad-blue {
740
- text-shadow: var(--text-shadow-blue);
741
- }
742
- .text-sm-shad-dark {
743
- text-shadow: var(--text-shadow-dark);
744
- }
745
196
  }
package/lib/styles/core/text/text.responsive.min.css CHANGED
@@ -1 +1 @@
1
- @media only screen and (max-width:1300px){.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:400}.text-xxl-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.h1,h1{font-size:var(--font-size-h1)}.h2,h2{font-size:var(--font-size-h2)}.h3,h3{font-size:var(--font-size-h3)}.h4,h4{font-size:var(--font-size-h4)}.h5,h5{font-size:var(--font-size-h5)}.h6,h6{font-size:var(--font-size-h6)}.text-xxl-cap{text-transform:capitalize}.text-xxl-up{text-transform:uppercase}.text-xxl-low{text-transform:lowercase}.text-xxl-none{text-transform:none}.text-xxl-full{text-transform:full-width}.text-xxl-l{text-align:left}.text-xxl-r{text-align:right}.text-xxl-center{text-align:center}.text-xxl-justify{text-align:justify}.text-xxl-50{font-weight:var(--font-weight-50)}.text-xxl-100{font-weight:var(--font-weight-100)}.text-xxl-300{font-weight:var(--font-weight-300)}.text-xxl-500{font-weight:var(--font-weight-500)}.text-xxl-900{font-weight:var(--font-weight-900)}.text-xxl-light{font-weight:var(--font-weight-light)}.text-xxl-cap{font-weight:var(--font-weight-cap)}.text-xxl-bold{font-weight:var(--font-weight-bold)}.text-xxl-bolder{font-weight:var(--font-weight-bolder)}.text-xxl-shad-discrete{text-shadow:var(--text-shadow-discrete)}.text-xxl-shad-success{text-shadow:var(--text-shadow-success)}.text-xxl-shad-info{text-shadow:var(--text-shadow-info)}.text-xxl-shad-warning{text-shadow:var(--text-shadow-warning)}.text-xxl-shad-alert{text-shadow:var(--text-shadow-alert)}.text-xxl-shad-error{text-shadow:var(--text-shadow-error)}.text-xxl-shad-yellow{text-shadow:var(--text-shadow-yellow)}.text-xxl-shad-orange{text-shadow:var(--text-shadow-orange)}.text-xxl-shad-red{text-shadow:var(--text-shadow-red)}.text-xxl-shad-magenta{text-shadow:var(--text-shadow-magenta)}.text-xxl-shad-purple{text-shadow:var(--text-shadow-purple)}.text-xxl-shad-green{text-shadow:var(--text-shadow-green)}.text-xxl-shad-teal{text-shadow:var(--text-shadow-teal)}.text-xxl-shad-blue{text-shadow:var(--text-shadow-blue)}.text-xxl-shad-dark{text-shadow:var(--text-shadow-dark)}}@media only screen and (max-width:1200px){.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:400}.text-xl-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.h1,h1{font-size:var(--font-size-h1)}.h2,h2{font-size:var(--font-size-h2)}.h3,h3{font-size:var(--font-size-h3)}.h4,h4{font-size:var(--font-size-h4)}.h5,h5{font-size:var(--font-size-h5)}.h6,h6{font-size:var(--font-size-h6)}.text-xl-cap{text-transform:capitalize}.text-xl-up{text-transform:uppercase}.text-xl-low{text-transform:lowercase}.text-xl-none{text-transform:none}.text-xl-full{text-transform:full-width}.text-xl-l{text-align:left}.text-xl-r{text-align:right}.text-xl-center{text-align:center}.text-xl-justify{text-align:justify}.text-xl-50{font-weight:var(--font-weight-50)}.text-xl-100{font-weight:var(--font-weight-100)}.text-xl-300{font-weight:var(--font-weight-300)}.text-xl-500{font-weight:var(--font-weight-500)}.text-xl-900{font-weight:var(--font-weight-900)}.text-xl-light{font-weight:var(--font-weight-light)}.text-xl-cap{font-weight:var(--font-weight-cap)}.text-xl-bold{font-weight:var(--font-weight-bold)}.text-xl-bolder{font-weight:var(--font-weight-bolder)}.text-xl-shad-discrete{text-shadow:var(--text-shadow-discrete)}.text-xl-shad-success{text-shadow:var(--text-shadow-success)}.text-xl-shad-info{text-shadow:var(--text-shadow-info)}.text-xl-shad-warning{text-shadow:var(--text-shadow-warning)}.text-xl-shad-alert{text-shadow:var(--text-shadow-alert)}.text-xl-shad-error{text-shadow:var(--text-shadow-error)}.text-xl-shad-yellow{text-shadow:var(--text-shadow-yellow)}.text-xl-shad-orange{text-shadow:var(--text-shadow-orange)}.text-xl-shad-red{text-shadow:var(--text-shadow-red)}.text-xl-shad-magenta{text-shadow:var(--text-shadow-magenta)}.text-xl-shad-purple{text-shadow:var(--text-shadow-purple)}.text-xl-shad-green{text-shadow:var(--text-shadow-green)}.text-xl-shad-teal{text-shadow:var(--text-shadow-teal)}.text-xl-shad-blue{text-shadow:var(--text-shadow-blue)}.text-xl-shad-dark{text-shadow:var(--text-shadow-dark)}}@media only screen and (max-width:960px){.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:400}.text-lg-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.h1,h1{font-size:var(--font-size-h1)}.h2,h2{font-size:var(--font-size-h2)}.h3,h3{font-size:var(--font-size-h3)}.h4,h4{font-size:var(--font-size-h4)}.h5,h5{font-size:var(--font-size-h5)}.h6,h6{font-size:var(--font-size-h6)}.text-lg-cap{text-transform:capitalize}.text-lg-up{text-transform:uppercase}.text-lg-low{text-transform:lowercase}.text-lg-none{text-transform:none}.text-lg-full{text-transform:full-width}.text-lg-l{text-align:left}.text-lg-r{text-align:right}.text-lg-center{text-align:center}.text-lg-justify{text-align:justify}.text-lg-50{font-weight:var(--font-weight-50)}.text-lg-100{font-weight:var(--font-weight-100)}.text-lg-300{font-weight:var(--font-weight-300)}.text-lg-500{font-weight:var(--font-weight-500)}.text-lg-900{font-weight:var(--font-weight-900)}.text-lg-light{font-weight:var(--font-weight-light)}.text-lg-cap{font-weight:var(--font-weight-cap)}.text-lg-bold{font-weight:var(--font-weight-bold)}.text-lg-bolder{font-weight:var(--font-weight-bolder)}.text-lg-shad-discrete{text-shadow:var(--text-shadow-discrete)}.text-lg-shad-success{text-shadow:var(--text-shadow-success)}.text-lg-shad-info{text-shadow:var(--text-shadow-info)}.text-lg-shad-warning{text-shadow:var(--text-shadow-warning)}.text-lg-shad-alert{text-shadow:var(--text-shadow-alert)}.text-lg-shad-error{text-shadow:var(--text-shadow-error)}.text-lg-shad-yellow{text-shadow:var(--text-shadow-yellow)}.text-lg-shad-orange{text-shadow:var(--text-shadow-orange)}.text-lg-shad-red{text-shadow:var(--text-shadow-red)}.text-lg-shad-magenta{text-shadow:var(--text-shadow-magenta)}.text-lg-shad-purple{text-shadow:var(--text-shadow-purple)}.text-lg-shad-green{text-shadow:var(--text-shadow-green)}.text-lg-shad-teal{text-shadow:var(--text-shadow-teal)}.text-lg-shad-blue{text-shadow:var(--text-shadow-blue)}.text-lg-shad-dark{text-shadow:var(--text-shadow-dark)}}@media only screen and (max-width:760px){.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:400}.text-md-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.h1,h1{font-size:var(--font-size-h1)}.h2,h2{font-size:var(--font-size-h2)}.h3,h3{font-size:var(--font-size-h3)}.h4,h4{font-size:var(--font-size-h4)}.h5,h5{font-size:var(--font-size-h5)}.h6,h6{font-size:var(--font-size-h6)}.text-md-cap{text-transform:capitalize}.text-md-up{text-transform:uppercase}.text-md-low{text-transform:lowercase}.text-md-none{text-transform:none}.text-md-full{text-transform:full-width}.text-md-l{text-align:left}.text-md-r{text-align:right}.text-md-center{text-align:center}.text-md-justify{text-align:justify}.text-md-50{font-weight:var(--font-weight-50)}.text-md-100{font-weight:var(--font-weight-100)}.text-md-300{font-weight:var(--font-weight-300)}.text-md-500{font-weight:var(--font-weight-500)}.text-md-900{font-weight:var(--font-weight-900)}.text-md-light{font-weight:var(--font-weight-light)}.text-md-cap{font-weight:var(--font-weight-cap)}.text-md-bold{font-weight:var(--font-weight-bold)}.text-md-bolder{font-weight:var(--font-weight-bolder)}.text-md-shad-discrete{text-shadow:var(--text-shadow-discrete)}.text-md-shad-success{text-shadow:var(--text-shadow-success)}.text-md-shad-info{text-shadow:var(--text-shadow-info)}.text-md-shad-warning{text-shadow:var(--text-shadow-warning)}.text-md-shad-alert{text-shadow:var(--text-shadow-alert)}.text-md-shad-error{text-shadow:var(--text-shadow-error)}.text-md-shad-yellow{text-shadow:var(--text-shadow-yellow)}.text-md-shad-orange{text-shadow:var(--text-shadow-orange)}.text-md-shad-red{text-shadow:var(--text-shadow-red)}.text-md-shad-magenta{text-shadow:var(--text-shadow-magenta)}.text-md-shad-purple{text-shadow:var(--text-shadow-purple)}.text-md-shad-green{text-shadow:var(--text-shadow-green)}.text-md-shad-teal{text-shadow:var(--text-shadow-teal)}.text-md-shad-blue{text-shadow:var(--text-shadow-blue)}.text-md-shad-dark{text-shadow:var(--text-shadow-dark)}}@media only screen and (max-width:0px){.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:400}.text-sm-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.h1,h1{font-size:var(--font-size-h1)}.h2,h2{font-size:var(--font-size-h2)}.h3,h3{font-size:var(--font-size-h3)}.h4,h4{font-size:var(--font-size-h4)}.h5,h5{font-size:var(--font-size-h5)}.h6,h6{font-size:var(--font-size-h6)}.text-sm-cap{text-transform:capitalize}.text-sm-up{text-transform:uppercase}.text-sm-low{text-transform:lowercase}.text-sm-none{text-transform:none}.text-sm-full{text-transform:full-width}.text-sm-l{text-align:left}.text-sm-r{text-align:right}.text-sm-center{text-align:center}.text-sm-justify{text-align:justify}.text-sm-50{font-weight:var(--font-weight-50)}.text-sm-100{font-weight:var(--font-weight-100)}.text-sm-300{font-weight:var(--font-weight-300)}.text-sm-500{font-weight:var(--font-weight-500)}.text-sm-900{font-weight:var(--font-weight-900)}.text-sm-light{font-weight:var(--font-weight-light)}.text-sm-cap{font-weight:var(--font-weight-cap)}.text-sm-bold{font-weight:var(--font-weight-bold)}.text-sm-bolder{font-weight:var(--font-weight-bolder)}.text-sm-shad-discrete{text-shadow:var(--text-shadow-discrete)}.text-sm-shad-success{text-shadow:var(--text-shadow-success)}.text-sm-shad-info{text-shadow:var(--text-shadow-info)}.text-sm-shad-warning{text-shadow:var(--text-shadow-warning)}.text-sm-shad-alert{text-shadow:var(--text-shadow-alert)}.text-sm-shad-error{text-shadow:var(--text-shadow-error)}.text-sm-shad-yellow{text-shadow:var(--text-shadow-yellow)}.text-sm-shad-orange{text-shadow:var(--text-shadow-orange)}.text-sm-shad-red{text-shadow:var(--text-shadow-red)}.text-sm-shad-magenta{text-shadow:var(--text-shadow-magenta)}.text-sm-shad-purple{text-shadow:var(--text-shadow-purple)}.text-sm-shad-green{text-shadow:var(--text-shadow-green)}.text-sm-shad-teal{text-shadow:var(--text-shadow-teal)}.text-sm-shad-blue{text-shadow:var(--text-shadow-blue)}.text-sm-shad-dark{text-shadow:var(--text-shadow-dark)}}
1
+ @media only screen and (max-width:1300px){.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:400}.text-xxl-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.h1,h1{font-size:var(--font-size-h1)}.h2,h2{font-size:var(--font-size-h2)}.h3,h3{font-size:var(--font-size-h3)}.h4,h4{font-size:var(--font-size-h4)}.h5,h5{font-size:var(--font-size-h5)}.h6,h6{font-size:var(--font-size-h6)}}@media only screen and (max-width:1200px){.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:400}.text-xl-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.h1,h1{font-size:var(--font-size-h1)}.h2,h2{font-size:var(--font-size-h2)}.h3,h3{font-size:var(--font-size-h3)}.h4,h4{font-size:var(--font-size-h4)}.h5,h5{font-size:var(--font-size-h5)}.h6,h6{font-size:var(--font-size-h6)}}@media only screen and (max-width:960px){.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:400}.text-lg-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.h1,h1{font-size:var(--font-size-h1)}.h2,h2{font-size:var(--font-size-h2)}.h3,h3{font-size:var(--font-size-h3)}.h4,h4{font-size:var(--font-size-h4)}.h5,h5{font-size:var(--font-size-h5)}.h6,h6{font-size:var(--font-size-h6)}}@media only screen and (max-width:760px){.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:400}.text-md-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.h1,h1{font-size:var(--font-size-h1)}.h2,h2{font-size:var(--font-size-h2)}.h3,h3{font-size:var(--font-size-h3)}.h4,h4{font-size:var(--font-size-h4)}.h5,h5{font-size:var(--font-size-h5)}.h6,h6{font-size:var(--font-size-h6)}}