@medyll/cssfabric 0.0.14 → 0.1.0

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 (70) hide show
  1. package/bin/index.js +7 -0
  2. package/gulpfile.js +3 -15
  3. package/lib/styles/core/animation/animation.css +0 -215
  4. package/lib/styles/core/animation/animation.min.css +0 -1
  5. package/lib/styles/core/box/box.css +1038 -852
  6. package/lib/styles/core/box/box.min.css +1 -1
  7. package/lib/styles/core/box/box.responsive.css +5253 -6588
  8. package/lib/styles/core/box/box.responsive.min.css +1 -1
  9. package/lib/styles/core/color/color.css +36 -36
  10. package/lib/styles/core/color/color.min.css +1 -1
  11. package/lib/styles/core/color/color.responsive.css +185 -1110
  12. package/lib/styles/core/color/color.responsive.min.css +1 -1
  13. package/lib/styles/core/flex/flex.css +56 -72
  14. package/lib/styles/core/flex/flex.min.css +1 -1
  15. package/lib/styles/core/flex/flex.responsive.css +286 -508
  16. package/lib/styles/core/flex/flex.responsive.min.css +1 -1
  17. package/lib/styles/core/grid/grid.css +103 -34
  18. package/lib/styles/core/grid/grid.min.css +1 -1
  19. package/lib/styles/core/grid/grid.responsive.css +506 -213
  20. package/lib/styles/core/grid/grid.responsive.min.css +1 -1
  21. package/lib/styles/core/menu/menu.responsive.css +5 -86
  22. package/lib/styles/core/menu/menu.responsive.min.css +1 -1
  23. package/lib/styles/core/overflow/overflow.css +59 -83
  24. package/lib/styles/core/overflow/overflow.min.css +1 -1
  25. package/lib/styles/core/overflow/overflow.responsive.css +305 -486
  26. package/lib/styles/core/overflow/overflow.responsive.min.css +1 -1
  27. package/lib/styles/core/scale/scale.css +192 -192
  28. package/lib/styles/core/scale/scale.min.css +1 -1
  29. package/lib/styles/core/scale/scale.responsive.css +965 -1606
  30. package/lib/styles/core/scale/scale.responsive.min.css +1 -1
  31. package/lib/styles/core/table/table.css +71 -70
  32. package/lib/styles/core/table/table.responsive.css +5 -79
  33. package/lib/styles/core/table/table.responsive.min.css +1 -1
  34. package/lib/styles/core/text/text.responsive.css +5 -154
  35. package/lib/styles/core/text/text.responsive.min.css +1 -1
  36. package/lib/styles/core/vars.css +37 -41
  37. package/lib/styles/core/vars.min.css +1 -1
  38. package/lib/styles/core/zindex/zindex.css +42 -348
  39. package/lib/styles/core/zindex/zindex.min.css +1 -1
  40. package/lib/styles/cssfabric.css +1528 -3792
  41. package/lib/styles/cssfabric.min.css +7 -7
  42. package/lib/styles/cssfabric.responsive.css +13034 -16229
  43. package/lib/styles/cssfabric.responsive.min.css +9 -9
  44. package/package.json +13 -11
  45. package/src/_generated/export.variables.json +171 -167
  46. package/src/cssfabric/_utils.scss +1 -1
  47. package/src/cssfabric/modules/_cssfabric-config.scss +8 -6
  48. package/src/cssfabric/modules/animation/animation.scss +2 -2
  49. package/src/cssfabric/modules/box/_box-build.scss +57 -4
  50. package/src/cssfabric/modules/box/_box-vars.scss +1 -1
  51. package/src/cssfabric/modules/box/box-responsive.scss +2 -2
  52. package/src/cssfabric/modules/color/_color-build.scss +1 -1
  53. package/src/cssfabric/modules/color/color-responsive.scss +1 -1
  54. package/src/cssfabric/modules/flex/_flex-build.scss +35 -54
  55. package/src/cssfabric/modules/flex/_flex-vars.scss +3 -6
  56. package/src/cssfabric/modules/grid/_grid-build.scss +42 -49
  57. package/src/cssfabric/modules/grid/_grid-vars.scss +6 -5
  58. package/src/cssfabric/modules/grid/grid-responsive.scss +1 -1
  59. package/src/cssfabric/modules/menu/menu-responsive.scss +1 -1
  60. package/src/cssfabric/modules/overflow/overflow-responsive.scss +1 -1
  61. package/src/cssfabric/modules/scale/_scale-build.scss +1 -1
  62. package/src/cssfabric/modules/scale/scale-responsive.scss +1 -1
  63. package/src/cssfabric/modules/table/table-responsive.scss +1 -1
  64. package/src/cssfabric/modules/text/text-responsive.scss +1 -1
  65. package/src/cssfabric/modules/theme/_theme-build.scss +2 -0
  66. package/src/cssfabric/modules/vars.scss +5 -6
  67. package/src/cssfabric/modules/zindex/_zindex-vars.scss +8 -13
  68. package/src/cssfabric/modules/zindex/zindex.scss +6 -10
  69. package/lib/styles/core/main.css +0 -2263
  70. package/src/cssfabric/modules/main.scss +0 -3
package/lib/styles/core/text/text.responsive.css CHANGED
@@ -1,153 +1,4 @@
1
- @media only screen and (max-width: 0rem) {
2
- .text-xxxl-ellipsis {
3
- text-overflow: ellipsis;
4
- overflow: hidden;
5
- white-space: nowrap;
6
- }
7
-
8
- .h1,
9
- h1 {
10
- font-size: var(--font-size-h1);
11
- line-height: 1.2;
12
- font-weight: 400;
13
- }
14
-
15
- .h2,
16
- h2 {
17
- font-size: var(--font-size-h2);
18
- line-height: 1.2;
19
- font-weight: 400;
20
- }
21
-
22
- .h3,
23
- h3 {
24
- font-size: var(--font-size-h3);
25
- line-height: 1.2;
26
- font-weight: 400;
27
- }
28
-
29
- .h4,
30
- h4 {
31
- font-size: var(--font-size-h4);
32
- line-height: 1.2;
33
- font-weight: 400;
34
- }
35
-
36
- .h5,
37
- h5 {
38
- font-size: var(--font-size-h5);
39
- line-height: 1.2;
40
- font-weight: 400;
41
- }
42
-
43
- .h6,
44
- h6 {
45
- font-size: var(--font-size-h6);
46
- line-height: 1.2;
47
- font-weight: 400;
48
- }
49
-
50
- .text-xxxl-cap {
51
- text-transform: capitalize;
52
- }
53
- .text-xxxl-up {
54
- text-transform: uppercase;
55
- }
56
- .text-xxxl-low {
57
- text-transform: lowercase;
58
- }
59
- .text-xxxl-none {
60
- text-transform: none;
61
- }
62
- .text-xxxl-full {
63
- text-transform: full-width;
64
- }
65
- .text-xxxl-l {
66
- text-align: left;
67
- }
68
- .text-xxxl-r {
69
- text-align: right;
70
- }
71
- .text-xxxl-center {
72
- text-align: center;
73
- }
74
- .text-xxxl-justify {
75
- text-align: justify;
76
- }
77
- .text-xxxl-50 {
78
- font-weight: var(--font-weight-50);
79
- }
80
- .text-xxxl-100 {
81
- font-weight: var(--font-weight-100);
82
- }
83
- .text-xxxl-300 {
84
- font-weight: var(--font-weight-300);
85
- }
86
- .text-xxxl-500 {
87
- font-weight: var(--font-weight-500);
88
- }
89
- .text-xxxl-900 {
90
- font-weight: var(--font-weight-900);
91
- }
92
- .text-xxxl-light {
93
- font-weight: var(--font-weight-light);
94
- }
95
- .text-xxxl-cap {
96
- font-weight: var(--font-weight-cap);
97
- }
98
- .text-xxxl-bold {
99
- font-weight: var(--font-weight-bold);
100
- }
101
- .text-xxxl-bolder {
102
- font-weight: var(--font-weight-bolder);
103
- }
104
- .text-xxxl-shad-discrete {
105
- text-shadow: var(--text-shadow-discrete);
106
- }
107
- .text-xxxl-shad-success {
108
- text-shadow: var(--text-shadow-success);
109
- }
110
- .text-xxxl-shad-info {
111
- text-shadow: var(--text-shadow-info);
112
- }
113
- .text-xxxl-shad-warning {
114
- text-shadow: var(--text-shadow-warning);
115
- }
116
- .text-xxxl-shad-alert {
117
- text-shadow: var(--text-shadow-alert);
118
- }
119
- .text-xxxl-shad-error {
120
- text-shadow: var(--text-shadow-error);
121
- }
122
- .text-xxxl-shad-yellow {
123
- text-shadow: var(--text-shadow-yellow);
124
- }
125
- .text-xxxl-shad-orange {
126
- text-shadow: var(--text-shadow-orange);
127
- }
128
- .text-xxxl-shad-red {
129
- text-shadow: var(--text-shadow-red);
130
- }
131
- .text-xxxl-shad-magenta {
132
- text-shadow: var(--text-shadow-magenta);
133
- }
134
- .text-xxxl-shad-purple {
135
- text-shadow: var(--text-shadow-purple);
136
- }
137
- .text-xxxl-shad-green {
138
- text-shadow: var(--text-shadow-green);
139
- }
140
- .text-xxxl-shad-teal {
141
- text-shadow: var(--text-shadow-teal);
142
- }
143
- .text-xxxl-shad-blue {
144
- text-shadow: var(--text-shadow-blue);
145
- }
146
- .text-xxxl-shad-dark {
147
- text-shadow: var(--text-shadow-dark);
148
- }
149
- }
150
- @media only screen and (max-width: 120rem) {
1
+ @media only screen and (max-width: 1300px) {
151
2
  .text-xxl-ellipsis {
152
3
  text-overflow: ellipsis;
153
4
  overflow: hidden;
@@ -296,7 +147,7 @@ h6 {
296
147
  text-shadow: var(--text-shadow-dark);
297
148
  }
298
149
  }
299
- @media only screen and (max-width: 90rem) {
150
+ @media only screen and (max-width: 1200px) {
300
151
  .text-xl-ellipsis {
301
152
  text-overflow: ellipsis;
302
153
  overflow: hidden;
@@ -445,7 +296,7 @@ h6 {
445
296
  text-shadow: var(--text-shadow-dark);
446
297
  }
447
298
  }
448
- @media only screen and (max-width: 64rem) {
299
+ @media only screen and (max-width: 960px) {
449
300
  .text-lg-ellipsis {
450
301
  text-overflow: ellipsis;
451
302
  overflow: hidden;
@@ -594,7 +445,7 @@ h6 {
594
445
  text-shadow: var(--text-shadow-dark);
595
446
  }
596
447
  }
597
- @media only screen and (max-width: 48rem) {
448
+ @media only screen and (max-width: 760px) {
598
449
  .text-md-ellipsis {
599
450
  text-overflow: ellipsis;
600
451
  overflow: hidden;
@@ -743,7 +594,7 @@ h6 {
743
594
  text-shadow: var(--text-shadow-dark);
744
595
  }
745
596
  }
746
- @media only screen and (max-width: 35.7rem) {
597
+ @media only screen and (max-width: 0px) {
747
598
  .text-sm-ellipsis {
748
599
  text-overflow: ellipsis;
749
600
  overflow: hidden;
package/lib/styles/core/text/text.responsive.min.css CHANGED
@@ -1 +1 @@
1
- @media only screen and (max-width:0rem){.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:400}.text-xxxl-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-xxxl-cap{text-transform:capitalize}.text-xxxl-up{text-transform:uppercase}.text-xxxl-low{text-transform:lowercase}.text-xxxl-none{text-transform:none}.text-xxxl-full{text-transform:full-width}.text-xxxl-l{text-align:left}.text-xxxl-r{text-align:right}.text-xxxl-center{text-align:center}.text-xxxl-justify{text-align:justify}.text-xxxl-50{font-weight:var(--font-weight-50)}.text-xxxl-100{font-weight:var(--font-weight-100)}.text-xxxl-300{font-weight:var(--font-weight-300)}.text-xxxl-500{font-weight:var(--font-weight-500)}.text-xxxl-900{font-weight:var(--font-weight-900)}.text-xxxl-light{font-weight:var(--font-weight-light)}.text-xxxl-cap{font-weight:var(--font-weight-cap)}.text-xxxl-bold{font-weight:var(--font-weight-bold)}.text-xxxl-bolder{font-weight:var(--font-weight-bolder)}.text-xxxl-shad-discrete{text-shadow:var(--text-shadow-discrete)}.text-xxxl-shad-success{text-shadow:var(--text-shadow-success)}.text-xxxl-shad-info{text-shadow:var(--text-shadow-info)}.text-xxxl-shad-warning{text-shadow:var(--text-shadow-warning)}.text-xxxl-shad-alert{text-shadow:var(--text-shadow-alert)}.text-xxxl-shad-error{text-shadow:var(--text-shadow-error)}.text-xxxl-shad-yellow{text-shadow:var(--text-shadow-yellow)}.text-xxxl-shad-orange{text-shadow:var(--text-shadow-orange)}.text-xxxl-shad-red{text-shadow:var(--text-shadow-red)}.text-xxxl-shad-magenta{text-shadow:var(--text-shadow-magenta)}.text-xxxl-shad-purple{text-shadow:var(--text-shadow-purple)}.text-xxxl-shad-green{text-shadow:var(--text-shadow-green)}.text-xxxl-shad-teal{text-shadow:var(--text-shadow-teal)}.text-xxxl-shad-blue{text-shadow:var(--text-shadow-blue)}.text-xxxl-shad-dark{text-shadow:var(--text-shadow-dark)}}@media only screen and (max-width:120rem){.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:90rem){.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:64rem){.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:48rem){.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:35.7rem){.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)}.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)}}
package/lib/styles/core/vars.css CHANGED
@@ -37,8 +37,8 @@
37
37
  --theme-color-text: #282230;
38
38
  --theme-color-background: #f1f1f1;
39
39
  --theme-color-paper: #ededed;
40
- --theme-color-border: var(--theme-color-primary-alpha-mid);
41
- --theme-color-overlay: "";
40
+ --theme-color-border: rgba(208, 191, 151, 0.3);
41
+ --theme-color-overlay: rgba(208, 191, 151, 0.2);
42
42
  /* color-scheme */
43
43
  --color-scheme-discrete: #ccc;
44
44
  --color-scheme-discrete-light: #f2f2f2;
@@ -183,44 +183,40 @@
183
183
  --box-shad-3: 0 2.5px 5.1724137931px 0 rgba(0, 0, 0, 0.15), 0 0.4580152672px 1.3953488372px 0 rgba(0, 0, 0, 0.1);
184
184
  --box-shad-4: 0 3.3333333333px 6.8965517241px 0 rgba(0, 0, 0, 0.15), 0 0.6106870229px 1.8604651163px 0 rgba(0, 0, 0, 0.1);
185
185
  --box-shad-5: 0 4.1666666667px 8.6206896552px 0 rgba(0, 0, 0, 0.15), 0 0.7633587786px 2.3255813953px 0 rgba(0, 0, 0, 0.1);
186
- --box-shad-6: 0 5px 10.3448275862px 0 rgba(0, 0, 0, 0.15), 0 0.9160305344px 2.7906976744px 0 rgba(0, 0, 0, 0.1);
187
- --box-shad-7: 0 5.8333333333px 12.0689655172px 0 rgba(0, 0, 0, 0.15), 0 1.0687022901px 3.2558139535px 0 rgba(0, 0, 0, 0.1);
188
- --box-shad-8: 0 6.6666666667px 13.7931034483px 0 rgba(0, 0, 0, 0.15), 0 1.2213740458px 3.7209302326px 0 rgba(0, 0, 0, 0.1);
189
- --box-shad-9: 0 7.5px 15.5172413793px 0 rgba(0, 0, 0, 0.15), 0 1.3740458015px 4.1860465116px 0 rgba(0, 0, 0, 0.1);
190
- --box-shad-10: 0 8.3333333333px 17.2413793103px 0 rgba(0, 0, 0, 0.15), 0 1.5267175573px 4.6511627907px 0 rgba(0, 0, 0, 0.1);
191
186
  /* boxes */
192
- --box-sp-1: 0.5rem;
193
- --box-sp-2: 1rem;
194
- --box-sp-3: 1.5rem;
195
- --box-sp-4: 2rem;
196
- --box-sp-5: 2.5rem;
197
- --box-sp-6: 3rem;
198
- --box-sp-7: 3.5rem;
199
- --box-sp-8: 4rem;
200
- --box-sp-9: 4.5rem;
201
- --box-sp-10: 5rem;
202
- --box-sp-11: 5.5rem;
203
- --box-sp-12: 6rem;
204
- --box-sp-13: 6.5rem;
205
- --box-sp-14: 7rem;
206
- --box-sp-15: 7.5rem;
207
- --box-sp-16: 8rem;
208
- --box-sp-17: 8.5rem;
209
- --box-sp-18: 9rem;
210
- --box-sp-19: 9.5rem;
211
- --box-sp-20: 10rem;
212
- --box-sp-21: 10.5rem;
213
- --box-sp-22: 11rem;
214
- --box-sp-23: 11.5rem;
215
- --box-sp-24: 12rem;
216
- --box-sp-25: 12.5rem;
217
- --box-sp-26: 13rem;
218
- --box-sp-27: 13.5rem;
219
- --box-sp-28: 14rem;
220
- --box-sp-29: 14.5rem;
221
- --box-sp-30: 15rem;
222
- --box-sp-31: 15.5rem;
223
- --box-sp-32: 16rem;
187
+ --box-unit-0: 0rem;
188
+ --box-unit-1: 0.5rem;
189
+ --box-unit-2: 1rem;
190
+ --box-unit-3: 1.5rem;
191
+ --box-unit-4: 2rem;
192
+ --box-unit-5: 2.5rem;
193
+ --box-unit-6: 3rem;
194
+ --box-unit-7: 3.5rem;
195
+ --box-unit-8: 4rem;
196
+ --box-unit-9: 4.5rem;
197
+ --box-unit-10: 5rem;
198
+ --box-unit-11: 5.5rem;
199
+ --box-unit-12: 6rem;
200
+ --box-unit-13: 6.5rem;
201
+ --box-unit-14: 7rem;
202
+ --box-unit-15: 7.5rem;
203
+ --box-unit-16: 8rem;
204
+ --box-unit-17: 8.5rem;
205
+ --box-unit-18: 9rem;
206
+ --box-unit-19: 9.5rem;
207
+ --box-unit-20: 10rem;
208
+ --box-unit-21: 10.5rem;
209
+ --box-unit-22: 11rem;
210
+ --box-unit-23: 11.5rem;
211
+ --box-unit-24: 12rem;
212
+ --box-unit-25: 12.5rem;
213
+ --box-unit-26: 13rem;
214
+ --box-unit-27: 13.5rem;
215
+ --box-unit-28: 14rem;
216
+ --box-unit-29: 14.5rem;
217
+ --box-unit-30: 15rem;
218
+ --box-unit-31: 15.5rem;
219
+ --box-unit-32: 16rem;
224
220
  /* text */
225
221
  /*Hs*/
226
222
  --font-size-h1: 3.1rem;
@@ -273,6 +269,6 @@
273
269
  --theme-color-text: #f1f1f1;
274
270
  --theme-color-background: #27323a;
275
271
  --theme-color-paper: #3a3b3b;
276
- --theme-color-border: var(--theme-color-primary-alpha-mid);
277
- --theme-color-overlay: "";
272
+ --theme-color-border: rgba(255, 255, 255, 0.2);
273
+ --theme-color-overlay: rgba(255,255,255,0.1);
278
274
  }
package/lib/styles/core/vars.min.css CHANGED
@@ -1 +1 @@
1
- :root{--theme-color-primary:#0288d1;--theme-color-primary-light:#23b0fd;--theme-color-primary-lighter:#6ecbfe;--theme-color-primary-dark:#02679e;--theme-color-primary-darker:#01466c;--theme-color-primary-complement:#d14b02;--theme-color-primary-invert:#fd772e;--theme-color-primary-alpha-low:rgba(2, 136, 209, 0.8);--theme-color-primary-alpha-mid:rgba(2, 136, 209, 0.3);--theme-color-primary-alpha-high:rgba(2, 136, 209, 0.1);--theme-color-secondary:#D14B02;--theme-color-secondary-light:#fd7023;--theme-color-secondary-lighter:#fea16e;--theme-color-secondary-dark:#9e3902;--theme-color-secondary-darker:#6c2701;--theme-color-secondary-complement:#0288d1;--theme-color-secondary-invert:#2eb4fd;--theme-color-secondary-alpha-low:rgba(209, 75, 2, 0.8);--theme-color-secondary-alpha-mid:rgba(209, 75, 2, 0.3);--theme-color-secondary-alpha-high:rgba(209, 75, 2, 0.1);--theme-color-tertiary:#88D102;--theme-color-tertiary-light:#b0fd23;--theme-color-tertiary-lighter:#cbfe6e;--theme-color-tertiary-dark:#679e02;--theme-color-tertiary-darker:#466c01;--theme-color-tertiary-complement:#4b02d1;--theme-color-tertiary-invert:#772efd;--theme-color-tertiary-alpha-low:rgba(136, 209, 2, 0.8);--theme-color-tertiary-alpha-mid:rgba(136, 209, 2, 0.3);--theme-color-tertiary-alpha-high:rgba(136, 209, 2, 0.1);--theme-color-foreground:#282230;--theme-color-text:#282230;--theme-color-background:#f1f1f1;--theme-color-paper:#ededed;--theme-color-border:var(--theme-color-primary-alpha-mid);--theme-color-overlay:"";--color-scheme-discrete:#ccc;--color-scheme-discrete-light:#f2f2f2;--color-scheme-discrete-dark:#b3b3b3;--color-scheme-success:green;--color-scheme-success-light:#00cd00;--color-scheme-success-dark:#004d00;--color-scheme-info:#ffdd57;--color-scheme-info-light:#ffeda3;--color-scheme-info-dark:#ffd324;--color-scheme-warning:#e6b905;--color-scheme-warning-light:#fbd53c;--color-scheme-warning-dark:#b49104;--color-scheme-alert:#ff7300;--color-scheme-alert-light:#ff9d4d;--color-scheme-alert-dark:#cc5c00;--color-scheme-error:red;--color-scheme-error-light:#ff4d4d;--color-scheme-error-dark:#cc0000;--color-palette-yellow:#ffb900;--color-palette-yellow-lighter:#ffe399;--color-palette-yellow-light:#ffce4d;--color-palette-yellow-dark:#cc9400;--color-palette-yellow-darker:#996f00;--color-palette-yellow-complement:#0046ff;--color-palette-yellow-invert:#0046ff;--color-palette-yellow-alpha-low:rgba(255, 185, 0, 0.8);--color-palette-yellow-alpha-mid:rgba(255, 185, 0, 0.3);--color-palette-yellow-alpha-high:rgba(255, 185, 0, 0.1);--color-palette-orange:#d83b01;--color-palette-orange-lighter:#fe9974;--color-palette-orange-light:#fe6127;--color-palette-orange-dark:#a52d01;--color-palette-orange-darker:#721f01;--color-palette-orange-complement:#019ed8;--color-palette-orange-invert:#27c4fe;--color-palette-orange-alpha-low:rgba(216, 59, 1, 0.8);--color-palette-orange-alpha-mid:rgba(216, 59, 1, 0.3);--color-palette-orange-alpha-high:rgba(216, 59, 1, 0.1);--color-palette-red:#d13438;--color-palette-red-lighter:#edb1b2;--color-palette-red-light:#df7275;--color-palette-red-dark:#ab272a;--color-palette-red-darker:#821d20;--color-palette-red-complement:#34d1cd;--color-palette-red-invert:#2ecbc7;--color-palette-red-alpha-low:rgba(209, 52, 56, 0.8);--color-palette-red-alpha-mid:rgba(209, 52, 56, 0.3);--color-palette-red-alpha-high:rgba(209, 52, 56, 0.1);--color-palette-magenta:#b4009e;--color-palette-magenta-lighter:#ff4ee9;--color-palette-magenta-light:#ff02e0;--color-palette-magenta-dark:#810071;--color-palette-magenta-darker:#4e0044;--color-palette-magenta-complement:#00b416;--color-palette-magenta-invert:#4bff61;--color-palette-magenta-alpha-low:rgba(180, 0, 158, 0.8);--color-palette-magenta-alpha-mid:rgba(180, 0, 158, 0.3);--color-palette-magenta-alpha-high:rgba(180, 0, 158, 0.1);--color-palette-purple:#5c2d91;--color-palette-purple-lighter:#a980d7;--color-palette-purple-light:#8145c5;--color-palette-purple-dark:#43216a;--color-palette-purple-darker:#2b1543;--color-palette-purple-complement:#62912d;--color-palette-purple-invert:#a3d26e;--color-palette-purple-alpha-low:rgba(92, 45, 145, 0.8);--color-palette-purple-alpha-mid:rgba(92, 45, 145, 0.3);--color-palette-purple-alpha-high:rgba(92, 45, 145, 0.1);--color-palette-green:#107c10;--color-palette-green-lighter:#3fe63f;--color-palette-green-light:#19c019;--color-palette-green-dark:#0a4f0a;--color-palette-green-darker:#042204;--color-palette-green-complement:#7c107c;--color-palette-green-invert:#ef83ef;--color-palette-green-alpha-low:rgba(16, 124, 16, 0.8);--color-palette-green-alpha-mid:rgba(16, 124, 16, 0.3);--color-palette-green-alpha-high:rgba(16, 124, 16, 0.1);--color-palette-teal:#008272;--color-palette-teal-lighter:#1cffe3;--color-palette-teal-light:#00cfb5;--color-palette-teal-dark:#004f45;--color-palette-teal-darker:#001c19;--color-palette-teal-complement:#820010;--color-palette-teal-invert:#ff7d8d;--color-palette-teal-alpha-low:rgba(0, 130, 114, 0.8);--color-palette-teal-alpha-mid:rgba(0, 130, 114, 0.3);--color-palette-teal-alpha-high:rgba(0, 130, 114, 0.1);--color-palette-blue:#0078d4;--color-palette-blue-lighter:#6ec0ff;--color-palette-blue-light:#229fff;--color-palette-blue-dark:#005ba1;--color-palette-blue-darker:#003e6e;--color-palette-blue-complement:#d45c00;--color-palette-blue-invert:#ff872b;--color-palette-blue-alpha-low:rgba(0, 120, 212, 0.8);--color-palette-blue-alpha-mid:rgba(0, 120, 212, 0.3);--color-palette-blue-alpha-high:rgba(0, 120, 212, 0.1);--color-palette-dark:#323232;--color-palette-dark-lighter:#7f7f7f;--color-palette-dark-light:#585858;--color-palette-dark-dark:#191919;--color-palette-dark-darker:black;--color-palette-dark-complement:#323232;--color-palette-dark-invert:#cdcdcd;--color-palette-dark-alpha-low:rgba(50, 50, 50, 0.8);--color-palette-dark-alpha-mid:rgba(50, 50, 50, 0.3);--color-palette-dark-alpha-high:rgba(50, 50, 50, 0.1);--color-gray-100:#f4f4f4;--color-gray-100-alpha-low:rgba(244, 244, 244, 0.8);--color-gray-200:#e9e9e9;--color-gray-200-alpha-low:rgba(233, 233, 233, 0.8);--color-gray-300:#dddddd;--color-gray-300-alpha-low:rgba(221, 221, 221, 0.8);--color-gray-400:#d2d2d2;--color-gray-400-alpha-low:rgba(210, 210, 210, 0.8);--color-gray-500:#c7c7c7;--color-gray-500-alpha-low:rgba(199, 199, 199, 0.8);--color-gray-600:#bbbbbb;--color-gray-600-alpha-low:rgba(187, 187, 187, 0.8);--color-gray-700:#b0b0b0;--color-gray-700-alpha-low:rgba(176, 176, 176, 0.8);--color-gray-800:#a4a4a4;--color-gray-800-alpha-low:rgba(164, 164, 164, 0.8);--color-gray-900:#999999;--color-gray-900-alpha-low:rgba(153, 153, 153, 0.8);--box-shad-1:0 0.8333333333px 1.724137931px 0 rgba(0, 0, 0, 0.15),0 0.1526717557px 0.4651162791px 0 rgba(0, 0, 0, 0.1);--box-shad-2:0 1.6666666667px 3.4482758621px 0 rgba(0, 0, 0, 0.15),0 0.3053435115px 0.9302325581px 0 rgba(0, 0, 0, 0.1);--box-shad-3:0 2.5px 5.1724137931px 0 rgba(0, 0, 0, 0.15),0 0.4580152672px 1.3953488372px 0 rgba(0, 0, 0, 0.1);--box-shad-4:0 3.3333333333px 6.8965517241px 0 rgba(0, 0, 0, 0.15),0 0.6106870229px 1.8604651163px 0 rgba(0, 0, 0, 0.1);--box-shad-5:0 4.1666666667px 8.6206896552px 0 rgba(0, 0, 0, 0.15),0 0.7633587786px 2.3255813953px 0 rgba(0, 0, 0, 0.1);--box-shad-6:0 5px 10.3448275862px 0 rgba(0, 0, 0, 0.15),0 0.9160305344px 2.7906976744px 0 rgba(0, 0, 0, 0.1);--box-shad-7:0 5.8333333333px 12.0689655172px 0 rgba(0, 0, 0, 0.15),0 1.0687022901px 3.2558139535px 0 rgba(0, 0, 0, 0.1);--box-shad-8:0 6.6666666667px 13.7931034483px 0 rgba(0, 0, 0, 0.15),0 1.2213740458px 3.7209302326px 0 rgba(0, 0, 0, 0.1);--box-shad-9:0 7.5px 15.5172413793px 0 rgba(0, 0, 0, 0.15),0 1.3740458015px 4.1860465116px 0 rgba(0, 0, 0, 0.1);--box-shad-10:0 8.3333333333px 17.2413793103px 0 rgba(0, 0, 0, 0.15),0 1.5267175573px 4.6511627907px 0 rgba(0, 0, 0, 0.1);--box-sp-1:0.5rem;--box-sp-2:1rem;--box-sp-3:1.5rem;--box-sp-4:2rem;--box-sp-5:2.5rem;--box-sp-6:3rem;--box-sp-7:3.5rem;--box-sp-8:4rem;--box-sp-9:4.5rem;--box-sp-10:5rem;--box-sp-11:5.5rem;--box-sp-12:6rem;--box-sp-13:6.5rem;--box-sp-14:7rem;--box-sp-15:7.5rem;--box-sp-16:8rem;--box-sp-17:8.5rem;--box-sp-18:9rem;--box-sp-19:9.5rem;--box-sp-20:10rem;--box-sp-21:10.5rem;--box-sp-22:11rem;--box-sp-23:11.5rem;--box-sp-24:12rem;--box-sp-25:12.5rem;--box-sp-26:13rem;--box-sp-27:13.5rem;--box-sp-28:14rem;--box-sp-29:14.5rem;--box-sp-30:15rem;--box-sp-31:15.5rem;--box-sp-32:16rem;--font-size-h1:3.1rem;--font-size-h2:2.68rem;--font-size-h3:2.26rem;--font-size-h4:1.84rem;--font-size-h5:1.42rem;--font-size-h6:1rem;--font-weight-50:50;--font-weight-100:100;--font-weight-300:400;--font-weight-500:500;--font-weight-900:900;--font-weight-light:lighter;--font-weight-cap:normal;--font-weight-bold:bold;--font-weight-bolder:bolder;--text-shadow-discrete:0 0 0.125em #ccc;--text-shadow-success:0 0 0.125em green;--text-shadow-info:0 0 0.125em #ffdd57;--text-shadow-warning:0 0 0.125em #e6b905;--text-shadow-alert:0 0 0.125em #ff7300;--text-shadow-error:0 0 0.125em red;--text-shadow-yellow:0 0 0.125em #ffb900;--text-shadow-orange:0 0 0.125em #d83b01;--text-shadow-red:0 0 0.125em #d13438;--text-shadow-magenta:0 0 0.125em #b4009e;--text-shadow-purple:0 0 0.125em #5c2d91;--text-shadow-green:0 0 0.125em #107c10;--text-shadow-teal:0 0 0.125em #008272;--text-shadow-blue:0 0 0.125em #0078d4;--text-shadow-dark:0 0 0.125em #323232}[data-theme=dark]{--theme-color-foreground:#f1f1f1;--theme-color-text:#f1f1f1;--theme-color-background:#27323a;--theme-color-paper:#3a3b3b;--theme-color-border:var(--theme-color-primary-alpha-mid);--theme-color-overlay:""}
1
+ :root{--theme-color-primary:#0288d1;--theme-color-primary-light:#23b0fd;--theme-color-primary-lighter:#6ecbfe;--theme-color-primary-dark:#02679e;--theme-color-primary-darker:#01466c;--theme-color-primary-complement:#d14b02;--theme-color-primary-invert:#fd772e;--theme-color-primary-alpha-low:rgba(2, 136, 209, 0.8);--theme-color-primary-alpha-mid:rgba(2, 136, 209, 0.3);--theme-color-primary-alpha-high:rgba(2, 136, 209, 0.1);--theme-color-secondary:#D14B02;--theme-color-secondary-light:#fd7023;--theme-color-secondary-lighter:#fea16e;--theme-color-secondary-dark:#9e3902;--theme-color-secondary-darker:#6c2701;--theme-color-secondary-complement:#0288d1;--theme-color-secondary-invert:#2eb4fd;--theme-color-secondary-alpha-low:rgba(209, 75, 2, 0.8);--theme-color-secondary-alpha-mid:rgba(209, 75, 2, 0.3);--theme-color-secondary-alpha-high:rgba(209, 75, 2, 0.1);--theme-color-tertiary:#88D102;--theme-color-tertiary-light:#b0fd23;--theme-color-tertiary-lighter:#cbfe6e;--theme-color-tertiary-dark:#679e02;--theme-color-tertiary-darker:#466c01;--theme-color-tertiary-complement:#4b02d1;--theme-color-tertiary-invert:#772efd;--theme-color-tertiary-alpha-low:rgba(136, 209, 2, 0.8);--theme-color-tertiary-alpha-mid:rgba(136, 209, 2, 0.3);--theme-color-tertiary-alpha-high:rgba(136, 209, 2, 0.1);--theme-color-foreground:#282230;--theme-color-text:#282230;--theme-color-background:#f1f1f1;--theme-color-paper:#ededed;--theme-color-border:rgba(208, 191, 151, 0.3);--theme-color-overlay:rgba(208, 191, 151, 0.2);--color-scheme-discrete:#ccc;--color-scheme-discrete-light:#f2f2f2;--color-scheme-discrete-dark:#b3b3b3;--color-scheme-success:green;--color-scheme-success-light:#00cd00;--color-scheme-success-dark:#004d00;--color-scheme-info:#ffdd57;--color-scheme-info-light:#ffeda3;--color-scheme-info-dark:#ffd324;--color-scheme-warning:#e6b905;--color-scheme-warning-light:#fbd53c;--color-scheme-warning-dark:#b49104;--color-scheme-alert:#ff7300;--color-scheme-alert-light:#ff9d4d;--color-scheme-alert-dark:#cc5c00;--color-scheme-error:red;--color-scheme-error-light:#ff4d4d;--color-scheme-error-dark:#cc0000;--color-palette-yellow:#ffb900;--color-palette-yellow-lighter:#ffe399;--color-palette-yellow-light:#ffce4d;--color-palette-yellow-dark:#cc9400;--color-palette-yellow-darker:#996f00;--color-palette-yellow-complement:#0046ff;--color-palette-yellow-invert:#0046ff;--color-palette-yellow-alpha-low:rgba(255, 185, 0, 0.8);--color-palette-yellow-alpha-mid:rgba(255, 185, 0, 0.3);--color-palette-yellow-alpha-high:rgba(255, 185, 0, 0.1);--color-palette-orange:#d83b01;--color-palette-orange-lighter:#fe9974;--color-palette-orange-light:#fe6127;--color-palette-orange-dark:#a52d01;--color-palette-orange-darker:#721f01;--color-palette-orange-complement:#019ed8;--color-palette-orange-invert:#27c4fe;--color-palette-orange-alpha-low:rgba(216, 59, 1, 0.8);--color-palette-orange-alpha-mid:rgba(216, 59, 1, 0.3);--color-palette-orange-alpha-high:rgba(216, 59, 1, 0.1);--color-palette-red:#d13438;--color-palette-red-lighter:#edb1b2;--color-palette-red-light:#df7275;--color-palette-red-dark:#ab272a;--color-palette-red-darker:#821d20;--color-palette-red-complement:#34d1cd;--color-palette-red-invert:#2ecbc7;--color-palette-red-alpha-low:rgba(209, 52, 56, 0.8);--color-palette-red-alpha-mid:rgba(209, 52, 56, 0.3);--color-palette-red-alpha-high:rgba(209, 52, 56, 0.1);--color-palette-magenta:#b4009e;--color-palette-magenta-lighter:#ff4ee9;--color-palette-magenta-light:#ff02e0;--color-palette-magenta-dark:#810071;--color-palette-magenta-darker:#4e0044;--color-palette-magenta-complement:#00b416;--color-palette-magenta-invert:#4bff61;--color-palette-magenta-alpha-low:rgba(180, 0, 158, 0.8);--color-palette-magenta-alpha-mid:rgba(180, 0, 158, 0.3);--color-palette-magenta-alpha-high:rgba(180, 0, 158, 0.1);--color-palette-purple:#5c2d91;--color-palette-purple-lighter:#a980d7;--color-palette-purple-light:#8145c5;--color-palette-purple-dark:#43216a;--color-palette-purple-darker:#2b1543;--color-palette-purple-complement:#62912d;--color-palette-purple-invert:#a3d26e;--color-palette-purple-alpha-low:rgba(92, 45, 145, 0.8);--color-palette-purple-alpha-mid:rgba(92, 45, 145, 0.3);--color-palette-purple-alpha-high:rgba(92, 45, 145, 0.1);--color-palette-green:#107c10;--color-palette-green-lighter:#3fe63f;--color-palette-green-light:#19c019;--color-palette-green-dark:#0a4f0a;--color-palette-green-darker:#042204;--color-palette-green-complement:#7c107c;--color-palette-green-invert:#ef83ef;--color-palette-green-alpha-low:rgba(16, 124, 16, 0.8);--color-palette-green-alpha-mid:rgba(16, 124, 16, 0.3);--color-palette-green-alpha-high:rgba(16, 124, 16, 0.1);--color-palette-teal:#008272;--color-palette-teal-lighter:#1cffe3;--color-palette-teal-light:#00cfb5;--color-palette-teal-dark:#004f45;--color-palette-teal-darker:#001c19;--color-palette-teal-complement:#820010;--color-palette-teal-invert:#ff7d8d;--color-palette-teal-alpha-low:rgba(0, 130, 114, 0.8);--color-palette-teal-alpha-mid:rgba(0, 130, 114, 0.3);--color-palette-teal-alpha-high:rgba(0, 130, 114, 0.1);--color-palette-blue:#0078d4;--color-palette-blue-lighter:#6ec0ff;--color-palette-blue-light:#229fff;--color-palette-blue-dark:#005ba1;--color-palette-blue-darker:#003e6e;--color-palette-blue-complement:#d45c00;--color-palette-blue-invert:#ff872b;--color-palette-blue-alpha-low:rgba(0, 120, 212, 0.8);--color-palette-blue-alpha-mid:rgba(0, 120, 212, 0.3);--color-palette-blue-alpha-high:rgba(0, 120, 212, 0.1);--color-palette-dark:#323232;--color-palette-dark-lighter:#7f7f7f;--color-palette-dark-light:#585858;--color-palette-dark-dark:#191919;--color-palette-dark-darker:black;--color-palette-dark-complement:#323232;--color-palette-dark-invert:#cdcdcd;--color-palette-dark-alpha-low:rgba(50, 50, 50, 0.8);--color-palette-dark-alpha-mid:rgba(50, 50, 50, 0.3);--color-palette-dark-alpha-high:rgba(50, 50, 50, 0.1);--color-gray-100:#f4f4f4;--color-gray-100-alpha-low:rgba(244, 244, 244, 0.8);--color-gray-200:#e9e9e9;--color-gray-200-alpha-low:rgba(233, 233, 233, 0.8);--color-gray-300:#dddddd;--color-gray-300-alpha-low:rgba(221, 221, 221, 0.8);--color-gray-400:#d2d2d2;--color-gray-400-alpha-low:rgba(210, 210, 210, 0.8);--color-gray-500:#c7c7c7;--color-gray-500-alpha-low:rgba(199, 199, 199, 0.8);--color-gray-600:#bbbbbb;--color-gray-600-alpha-low:rgba(187, 187, 187, 0.8);--color-gray-700:#b0b0b0;--color-gray-700-alpha-low:rgba(176, 176, 176, 0.8);--color-gray-800:#a4a4a4;--color-gray-800-alpha-low:rgba(164, 164, 164, 0.8);--color-gray-900:#999999;--color-gray-900-alpha-low:rgba(153, 153, 153, 0.8);--box-shad-1:0 0.8333333333px 1.724137931px 0 rgba(0, 0, 0, 0.15),0 0.1526717557px 0.4651162791px 0 rgba(0, 0, 0, 0.1);--box-shad-2:0 1.6666666667px 3.4482758621px 0 rgba(0, 0, 0, 0.15),0 0.3053435115px 0.9302325581px 0 rgba(0, 0, 0, 0.1);--box-shad-3:0 2.5px 5.1724137931px 0 rgba(0, 0, 0, 0.15),0 0.4580152672px 1.3953488372px 0 rgba(0, 0, 0, 0.1);--box-shad-4:0 3.3333333333px 6.8965517241px 0 rgba(0, 0, 0, 0.15),0 0.6106870229px 1.8604651163px 0 rgba(0, 0, 0, 0.1);--box-shad-5:0 4.1666666667px 8.6206896552px 0 rgba(0, 0, 0, 0.15),0 0.7633587786px 2.3255813953px 0 rgba(0, 0, 0, 0.1);--box-unit-0:0rem;--box-unit-1:0.5rem;--box-unit-2:1rem;--box-unit-3:1.5rem;--box-unit-4:2rem;--box-unit-5:2.5rem;--box-unit-6:3rem;--box-unit-7:3.5rem;--box-unit-8:4rem;--box-unit-9:4.5rem;--box-unit-10:5rem;--box-unit-11:5.5rem;--box-unit-12:6rem;--box-unit-13:6.5rem;--box-unit-14:7rem;--box-unit-15:7.5rem;--box-unit-16:8rem;--box-unit-17:8.5rem;--box-unit-18:9rem;--box-unit-19:9.5rem;--box-unit-20:10rem;--box-unit-21:10.5rem;--box-unit-22:11rem;--box-unit-23:11.5rem;--box-unit-24:12rem;--box-unit-25:12.5rem;--box-unit-26:13rem;--box-unit-27:13.5rem;--box-unit-28:14rem;--box-unit-29:14.5rem;--box-unit-30:15rem;--box-unit-31:15.5rem;--box-unit-32:16rem;--font-size-h1:3.1rem;--font-size-h2:2.68rem;--font-size-h3:2.26rem;--font-size-h4:1.84rem;--font-size-h5:1.42rem;--font-size-h6:1rem;--font-weight-50:50;--font-weight-100:100;--font-weight-300:400;--font-weight-500:500;--font-weight-900:900;--font-weight-light:lighter;--font-weight-cap:normal;--font-weight-bold:bold;--font-weight-bolder:bolder;--text-shadow-discrete:0 0 0.125em #ccc;--text-shadow-success:0 0 0.125em green;--text-shadow-info:0 0 0.125em #ffdd57;--text-shadow-warning:0 0 0.125em #e6b905;--text-shadow-alert:0 0 0.125em #ff7300;--text-shadow-error:0 0 0.125em red;--text-shadow-yellow:0 0 0.125em #ffb900;--text-shadow-orange:0 0 0.125em #d83b01;--text-shadow-red:0 0 0.125em #d13438;--text-shadow-magenta:0 0 0.125em #b4009e;--text-shadow-purple:0 0 0.125em #5c2d91;--text-shadow-green:0 0 0.125em #107c10;--text-shadow-teal:0 0 0.125em #008272;--text-shadow-blue:0 0 0.125em #0078d4;--text-shadow-dark:0 0 0.125em #323232}[data-theme=dark]{--theme-color-foreground:#f1f1f1;--theme-color-text:#f1f1f1;--theme-color-background:#27323a;--theme-color-paper:#3a3b3b;--theme-color-border:rgba(255, 255, 255, 0.2);--theme-color-overlay:rgba(255,255,255,0.1)}