@medyll/cssfabric 0.0.10

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 (165) hide show
  1. package/.idea/codeStyles/codeStyleConfig.xml +5 -0
  2. package/.idea/cssfabric.iml +11 -0
  3. package/.idea/misc.xml +9 -0
  4. package/.idea/modules.xml +8 -0
  5. package/.idea/vcs.xml +6 -0
  6. package/.vscode/settings.json +24 -0
  7. package/README.md +240 -0
  8. package/cssfabric.config.js +3 -0
  9. package/cssfabric.json +8 -0
  10. package/gulpfile.js +610 -0
  11. package/lib/_generated/export.variables.json +583 -0
  12. package/lib/index.d.ts +2 -0
  13. package/lib/index.js +7 -0
  14. package/lib/scripts/cssfabric.d.ts +24 -0
  15. package/lib/scripts/cssfabric.js +48 -0
  16. package/lib/scripts/cssfabricClassNames.d.ts +14 -0
  17. package/lib/scripts/cssfabricClassNames.js +150 -0
  18. package/lib/scripts/utils.d.ts +5 -0
  19. package/lib/scripts/utils.js +40 -0
  20. package/lib/styles/core/animation/animation.css +0 -0
  21. package/lib/styles/core/animation/animation.min.css +0 -0
  22. package/lib/styles/core/base/base.css +222 -0
  23. package/lib/styles/core/base/base.min.css +1 -0
  24. package/lib/styles/core/box/box.css +2263 -0
  25. package/lib/styles/core/box/box.min.css +1 -0
  26. package/lib/styles/core/box/box.responsive.css +13590 -0
  27. package/lib/styles/core/box/box.responsive.min.css +1 -0
  28. package/lib/styles/core/color/color.css +923 -0
  29. package/lib/styles/core/color/color.min.css +1 -0
  30. package/lib/styles/core/color/color.responsive.css +5550 -0
  31. package/lib/styles/core/color/color.responsive.min.css +1 -0
  32. package/lib/styles/core/flex/flex.css +140 -0
  33. package/lib/styles/core/flex/flex.min.css +1 -0
  34. package/lib/styles/core/flex/flex.responsive.css +852 -0
  35. package/lib/styles/core/flex/flex.responsive.min.css +1 -0
  36. package/lib/styles/core/grid/grid.css +50 -0
  37. package/lib/styles/core/grid/grid.min.css +1 -0
  38. package/lib/styles/core/grid/grid.responsive.css +312 -0
  39. package/lib/styles/core/grid/grid.responsive.min.css +1 -0
  40. package/lib/styles/core/main.css +2263 -0
  41. package/lib/styles/core/main.min.css +1 -0
  42. package/lib/styles/core/menu/menu.css +97 -0
  43. package/lib/styles/core/menu/menu.min.css +1 -0
  44. package/lib/styles/core/menu/menu.responsive.css +504 -0
  45. package/lib/styles/core/menu/menu.responsive.min.css +1 -0
  46. package/lib/styles/core/overflow/overflow.css +60 -0
  47. package/lib/styles/core/overflow/overflow.min.css +1 -0
  48. package/lib/styles/core/overflow/overflow.responsive.css +367 -0
  49. package/lib/styles/core/overflow/overflow.responsive.min.css +1 -0
  50. package/lib/styles/core/scale/scale.css +639 -0
  51. package/lib/styles/core/scale/scale.min.css +1 -0
  52. package/lib/styles/core/scale/scale.responsive.css +3846 -0
  53. package/lib/styles/core/scale/scale.responsive.min.css +1 -0
  54. package/lib/styles/core/table/table.css +72 -0
  55. package/lib/styles/core/table/table.min.css +1 -0
  56. package/lib/styles/core/table/table.responsive.css +444 -0
  57. package/lib/styles/core/table/table.responsive.min.css +1 -0
  58. package/lib/styles/core/text/text.css +147 -0
  59. package/lib/styles/core/text/text.min.css +1 -0
  60. package/lib/styles/core/text/text.responsive.css +894 -0
  61. package/lib/styles/core/text/text.responsive.min.css +1 -0
  62. package/lib/styles/core/theme/theme.css +197 -0
  63. package/lib/styles/core/theme/theme.min.css +1 -0
  64. package/lib/styles/core/vars.css +278 -0
  65. package/lib/styles/core/vars.min.css +1 -0
  66. package/lib/styles/core/zindex/zindex.css +279 -0
  67. package/lib/styles/core/zindex/zindex.min.css +1 -0
  68. package/lib/styles/cssfabric.css +7631 -0
  69. package/lib/styles/cssfabric.min.css +15 -0
  70. package/lib/styles/cssfabric.responsive.css +26359 -0
  71. package/lib/styles/cssfabric.responsive.min.css +9 -0
  72. package/package.json +67 -0
  73. package/src/_generated/export.variables.json +756 -0
  74. package/src/_generated/export.variables.md +240 -0
  75. package/src/_generated/index.d.ts +3 -0
  76. package/src/cssfabric/_utils.scss +205 -0
  77. package/src/cssfabric/index.d.ts +3 -0
  78. package/src/cssfabric/modules/_cssfabric-config.scss +89 -0
  79. package/src/cssfabric/modules/_mixins.scss +1 -0
  80. package/src/cssfabric/modules/animation/_animation-build.scss +121 -0
  81. package/src/cssfabric/modules/animation/_animation-vars.scss +17 -0
  82. package/src/cssfabric/modules/animation/animation.scss +3 -0
  83. package/src/cssfabric/modules/base/_base-vars.scss +17 -0
  84. package/src/cssfabric/modules/base/base.scss +80 -0
  85. package/src/cssfabric/modules/box/_box-build.scss +215 -0
  86. package/src/cssfabric/modules/box/_box-vars.scss +119 -0
  87. package/src/cssfabric/modules/box/box-responsive.scss +18 -0
  88. package/src/cssfabric/modules/box/box.scss +3 -0
  89. package/src/cssfabric/modules/color/_color-build.scss +108 -0
  90. package/src/cssfabric/modules/color/_color-vars.scss +80 -0
  91. package/src/cssfabric/modules/color/color-responsive.scss +23 -0
  92. package/src/cssfabric/modules/color/color.scss +3 -0
  93. package/src/cssfabric/modules/css-fabric.scss +2 -0
  94. package/src/cssfabric/modules/flex/_flex-build.scss +169 -0
  95. package/src/cssfabric/modules/flex/_flex-vars.scss +87 -0
  96. package/src/cssfabric/modules/flex/flex-responsive.scss +25 -0
  97. package/src/cssfabric/modules/flex/flex.scss +3 -0
  98. package/src/cssfabric/modules/grid/_grid-build.scss +91 -0
  99. package/src/cssfabric/modules/grid/_grid-vars.scss +87 -0
  100. package/src/cssfabric/modules/grid/grid-responsive.scss +25 -0
  101. package/src/cssfabric/modules/grid/grid.scss +3 -0
  102. package/src/cssfabric/modules/main.scss +3 -0
  103. package/src/cssfabric/modules/menu/_menu-build.scss +119 -0
  104. package/src/cssfabric/modules/menu/_menu-vars.scss +29 -0
  105. package/src/cssfabric/modules/menu/menu-responsive.scss +19 -0
  106. package/src/cssfabric/modules/menu/menu.scss +3 -0
  107. package/src/cssfabric/modules/overflow/_overflow-build.scss +22 -0
  108. package/src/cssfabric/modules/overflow/_overflow-vars.scss +31 -0
  109. package/src/cssfabric/modules/overflow/overflow-responsive.scss +25 -0
  110. package/src/cssfabric/modules/overflow/overflow.scss +5 -0
  111. package/src/cssfabric/modules/scale/_scale-build.scss +129 -0
  112. package/src/cssfabric/modules/scale/_scale-vars.scss +75 -0
  113. package/src/cssfabric/modules/scale/scale-responsive.scss +23 -0
  114. package/src/cssfabric/modules/scale/scale.scss +3 -0
  115. package/src/cssfabric/modules/table/_table-build.scss +134 -0
  116. package/src/cssfabric/modules/table/_table-vars.scss +30 -0
  117. package/src/cssfabric/modules/table/table-responsive.scss +24 -0
  118. package/src/cssfabric/modules/table/table.scss +3 -0
  119. package/src/cssfabric/modules/text/_text-build.scss +109 -0
  120. package/src/cssfabric/modules/text/_text-vars.scss +87 -0
  121. package/src/cssfabric/modules/text/text-responsive.scss +25 -0
  122. package/src/cssfabric/modules/text/text.scss +5 -0
  123. package/src/cssfabric/modules/theme/_theme-build.scss +77 -0
  124. package/src/cssfabric/modules/theme/_theme-vars.scss +47 -0
  125. package/src/cssfabric/modules/theme/theme.scss +5 -0
  126. package/src/cssfabric/modules/vars.scss +120 -0
  127. package/src/cssfabric/modules/zindex/_zindex-vars.scss +19 -0
  128. package/src/cssfabric/modules/zindex/zindex.scss +18 -0
  129. package/src/index.d.ts +3 -0
  130. package/src/index.ts +4 -0
  131. package/src/scripts/cssfabric.ts +54 -0
  132. package/src/scripts/cssfabricClassNames.ts +216 -0
  133. package/src/scripts/utils.ts +37 -0
  134. package/src/vendor/index.d.ts +3 -0
  135. package/src/vendor/normalize/normalize.min.css +2 -0
  136. package/src/vendor/sass-json-export/CHANGELOG.md +26 -0
  137. package/src/vendor/sass-json-export/Gruntfile.js +60 -0
  138. package/src/vendor/sass-json-export/LICENSE +20 -0
  139. package/src/vendor/sass-json-export/README.md +90 -0
  140. package/src/vendor/sass-json-export/package.json +60 -0
  141. package/src/vendor/sass-json-export/stylesheets/encode/api/_json.scss +26 -0
  142. package/src/vendor/sass-json-export/stylesheets/encode/encode.scss +17 -0
  143. package/src/vendor/sass-json-export/stylesheets/encode/helpers/_quote.scss +9 -0
  144. package/src/vendor/sass-json-export/stylesheets/encode/mixins/_json.scss +42 -0
  145. package/src/vendor/sass-json-export/stylesheets/encode/types/_bool.scss +7 -0
  146. package/src/vendor/sass-json-export/stylesheets/encode/types/_color.scss +8 -0
  147. package/src/vendor/sass-json-export/stylesheets/encode/types/_list.scss +14 -0
  148. package/src/vendor/sass-json-export/stylesheets/encode/types/_map.scss +15 -0
  149. package/src/vendor/sass-json-export/stylesheets/encode/types/_null.scss +7 -0
  150. package/src/vendor/sass-json-export/stylesheets/encode/types/_number.scss +8 -0
  151. package/src/vendor/sass-json-export/stylesheets/encode/types/_string.scss +8 -0
  152. package/src/vendor/sass-json-export/stylesheets/sass-json-export.scss +2 -0
  153. package/src/vendor/sass-json-export/test/encode/_index.scss +14 -0
  154. package/src/vendor/sass-json-export/test/encode/api/_json.scss +29 -0
  155. package/src/vendor/sass-json-export/test/encode/helpers/_quote.scss +6 -0
  156. package/src/vendor/sass-json-export/test/encode/types/_bool.scss +6 -0
  157. package/src/vendor/sass-json-export/test/encode/types/_color.scss +7 -0
  158. package/src/vendor/sass-json-export/test/encode/types/_list.scss +25 -0
  159. package/src/vendor/sass-json-export/test/encode/types/_map.scss +17 -0
  160. package/src/vendor/sass-json-export/test/encode/types/_null.scss +8 -0
  161. package/src/vendor/sass-json-export/test/encode/types/_number.scss +68 -0
  162. package/src/vendor/sass-json-export/test/encode/types/_string.scss +9 -0
  163. package/src/vendor/sass-json-export/test/test.scss +9 -0
  164. package/tsconfig.json +46 -0
  165. package/webpack.config.js +53 -0
package/lib/styles/core/text/text.responsive.css ADDED
@@ -0,0 +1,894 @@
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) {
151
+ .text-xxl-ellipsis {
152
+ text-overflow: ellipsis;
153
+ overflow: hidden;
154
+ white-space: nowrap;
155
+ }
156
+
157
+ .h1,
158
+ h1 {
159
+ font-size: var(--font-size-h1);
160
+ line-height: 1.2;
161
+ font-weight: 400;
162
+ }
163
+
164
+ .h2,
165
+ h2 {
166
+ font-size: var(--font-size-h2);
167
+ line-height: 1.2;
168
+ font-weight: 400;
169
+ }
170
+
171
+ .h3,
172
+ h3 {
173
+ font-size: var(--font-size-h3);
174
+ line-height: 1.2;
175
+ font-weight: 400;
176
+ }
177
+
178
+ .h4,
179
+ h4 {
180
+ font-size: var(--font-size-h4);
181
+ line-height: 1.2;
182
+ font-weight: 400;
183
+ }
184
+
185
+ .h5,
186
+ h5 {
187
+ font-size: var(--font-size-h5);
188
+ line-height: 1.2;
189
+ font-weight: 400;
190
+ }
191
+
192
+ .h6,
193
+ h6 {
194
+ font-size: var(--font-size-h6);
195
+ line-height: 1.2;
196
+ font-weight: 400;
197
+ }
198
+
199
+ .text-xxl-cap {
200
+ text-transform: capitalize;
201
+ }
202
+ .text-xxl-up {
203
+ text-transform: uppercase;
204
+ }
205
+ .text-xxl-low {
206
+ text-transform: lowercase;
207
+ }
208
+ .text-xxl-none {
209
+ text-transform: none;
210
+ }
211
+ .text-xxl-full {
212
+ text-transform: full-width;
213
+ }
214
+ .text-xxl-l {
215
+ text-align: left;
216
+ }
217
+ .text-xxl-r {
218
+ text-align: right;
219
+ }
220
+ .text-xxl-center {
221
+ text-align: center;
222
+ }
223
+ .text-xxl-justify {
224
+ text-align: justify;
225
+ }
226
+ .text-xxl-50 {
227
+ font-weight: var(--font-weight-50);
228
+ }
229
+ .text-xxl-100 {
230
+ font-weight: var(--font-weight-100);
231
+ }
232
+ .text-xxl-300 {
233
+ font-weight: var(--font-weight-300);
234
+ }
235
+ .text-xxl-500 {
236
+ font-weight: var(--font-weight-500);
237
+ }
238
+ .text-xxl-900 {
239
+ font-weight: var(--font-weight-900);
240
+ }
241
+ .text-xxl-light {
242
+ font-weight: var(--font-weight-light);
243
+ }
244
+ .text-xxl-cap {
245
+ font-weight: var(--font-weight-cap);
246
+ }
247
+ .text-xxl-bold {
248
+ font-weight: var(--font-weight-bold);
249
+ }
250
+ .text-xxl-bolder {
251
+ font-weight: var(--font-weight-bolder);
252
+ }
253
+ .text-xxl-shad-discrete {
254
+ text-shadow: var(--text-shadow-discrete);
255
+ }
256
+ .text-xxl-shad-success {
257
+ text-shadow: var(--text-shadow-success);
258
+ }
259
+ .text-xxl-shad-info {
260
+ text-shadow: var(--text-shadow-info);
261
+ }
262
+ .text-xxl-shad-warning {
263
+ text-shadow: var(--text-shadow-warning);
264
+ }
265
+ .text-xxl-shad-alert {
266
+ text-shadow: var(--text-shadow-alert);
267
+ }
268
+ .text-xxl-shad-error {
269
+ text-shadow: var(--text-shadow-error);
270
+ }
271
+ .text-xxl-shad-yellow {
272
+ text-shadow: var(--text-shadow-yellow);
273
+ }
274
+ .text-xxl-shad-orange {
275
+ text-shadow: var(--text-shadow-orange);
276
+ }
277
+ .text-xxl-shad-red {
278
+ text-shadow: var(--text-shadow-red);
279
+ }
280
+ .text-xxl-shad-magenta {
281
+ text-shadow: var(--text-shadow-magenta);
282
+ }
283
+ .text-xxl-shad-purple {
284
+ text-shadow: var(--text-shadow-purple);
285
+ }
286
+ .text-xxl-shad-green {
287
+ text-shadow: var(--text-shadow-green);
288
+ }
289
+ .text-xxl-shad-teal {
290
+ text-shadow: var(--text-shadow-teal);
291
+ }
292
+ .text-xxl-shad-blue {
293
+ text-shadow: var(--text-shadow-blue);
294
+ }
295
+ .text-xxl-shad-dark {
296
+ text-shadow: var(--text-shadow-dark);
297
+ }
298
+ }
299
+ @media only screen and (max-width: 90rem) {
300
+ .text-xl-ellipsis {
301
+ text-overflow: ellipsis;
302
+ overflow: hidden;
303
+ white-space: nowrap;
304
+ }
305
+
306
+ .h1,
307
+ h1 {
308
+ font-size: var(--font-size-h1);
309
+ line-height: 1.2;
310
+ font-weight: 400;
311
+ }
312
+
313
+ .h2,
314
+ h2 {
315
+ font-size: var(--font-size-h2);
316
+ line-height: 1.2;
317
+ font-weight: 400;
318
+ }
319
+
320
+ .h3,
321
+ h3 {
322
+ font-size: var(--font-size-h3);
323
+ line-height: 1.2;
324
+ font-weight: 400;
325
+ }
326
+
327
+ .h4,
328
+ h4 {
329
+ font-size: var(--font-size-h4);
330
+ line-height: 1.2;
331
+ font-weight: 400;
332
+ }
333
+
334
+ .h5,
335
+ h5 {
336
+ font-size: var(--font-size-h5);
337
+ line-height: 1.2;
338
+ font-weight: 400;
339
+ }
340
+
341
+ .h6,
342
+ h6 {
343
+ font-size: var(--font-size-h6);
344
+ line-height: 1.2;
345
+ font-weight: 400;
346
+ }
347
+
348
+ .text-xl-cap {
349
+ text-transform: capitalize;
350
+ }
351
+ .text-xl-up {
352
+ text-transform: uppercase;
353
+ }
354
+ .text-xl-low {
355
+ text-transform: lowercase;
356
+ }
357
+ .text-xl-none {
358
+ text-transform: none;
359
+ }
360
+ .text-xl-full {
361
+ text-transform: full-width;
362
+ }
363
+ .text-xl-l {
364
+ text-align: left;
365
+ }
366
+ .text-xl-r {
367
+ text-align: right;
368
+ }
369
+ .text-xl-center {
370
+ text-align: center;
371
+ }
372
+ .text-xl-justify {
373
+ text-align: justify;
374
+ }
375
+ .text-xl-50 {
376
+ font-weight: var(--font-weight-50);
377
+ }
378
+ .text-xl-100 {
379
+ font-weight: var(--font-weight-100);
380
+ }
381
+ .text-xl-300 {
382
+ font-weight: var(--font-weight-300);
383
+ }
384
+ .text-xl-500 {
385
+ font-weight: var(--font-weight-500);
386
+ }
387
+ .text-xl-900 {
388
+ font-weight: var(--font-weight-900);
389
+ }
390
+ .text-xl-light {
391
+ font-weight: var(--font-weight-light);
392
+ }
393
+ .text-xl-cap {
394
+ font-weight: var(--font-weight-cap);
395
+ }
396
+ .text-xl-bold {
397
+ font-weight: var(--font-weight-bold);
398
+ }
399
+ .text-xl-bolder {
400
+ font-weight: var(--font-weight-bolder);
401
+ }
402
+ .text-xl-shad-discrete {
403
+ text-shadow: var(--text-shadow-discrete);
404
+ }
405
+ .text-xl-shad-success {
406
+ text-shadow: var(--text-shadow-success);
407
+ }
408
+ .text-xl-shad-info {
409
+ text-shadow: var(--text-shadow-info);
410
+ }
411
+ .text-xl-shad-warning {
412
+ text-shadow: var(--text-shadow-warning);
413
+ }
414
+ .text-xl-shad-alert {
415
+ text-shadow: var(--text-shadow-alert);
416
+ }
417
+ .text-xl-shad-error {
418
+ text-shadow: var(--text-shadow-error);
419
+ }
420
+ .text-xl-shad-yellow {
421
+ text-shadow: var(--text-shadow-yellow);
422
+ }
423
+ .text-xl-shad-orange {
424
+ text-shadow: var(--text-shadow-orange);
425
+ }
426
+ .text-xl-shad-red {
427
+ text-shadow: var(--text-shadow-red);
428
+ }
429
+ .text-xl-shad-magenta {
430
+ text-shadow: var(--text-shadow-magenta);
431
+ }
432
+ .text-xl-shad-purple {
433
+ text-shadow: var(--text-shadow-purple);
434
+ }
435
+ .text-xl-shad-green {
436
+ text-shadow: var(--text-shadow-green);
437
+ }
438
+ .text-xl-shad-teal {
439
+ text-shadow: var(--text-shadow-teal);
440
+ }
441
+ .text-xl-shad-blue {
442
+ text-shadow: var(--text-shadow-blue);
443
+ }
444
+ .text-xl-shad-dark {
445
+ text-shadow: var(--text-shadow-dark);
446
+ }
447
+ }
448
+ @media only screen and (max-width: 64rem) {
449
+ .text-lg-ellipsis {
450
+ text-overflow: ellipsis;
451
+ overflow: hidden;
452
+ white-space: nowrap;
453
+ }
454
+
455
+ .h1,
456
+ h1 {
457
+ font-size: var(--font-size-h1);
458
+ line-height: 1.2;
459
+ font-weight: 400;
460
+ }
461
+
462
+ .h2,
463
+ h2 {
464
+ font-size: var(--font-size-h2);
465
+ line-height: 1.2;
466
+ font-weight: 400;
467
+ }
468
+
469
+ .h3,
470
+ h3 {
471
+ font-size: var(--font-size-h3);
472
+ line-height: 1.2;
473
+ font-weight: 400;
474
+ }
475
+
476
+ .h4,
477
+ h4 {
478
+ font-size: var(--font-size-h4);
479
+ line-height: 1.2;
480
+ font-weight: 400;
481
+ }
482
+
483
+ .h5,
484
+ h5 {
485
+ font-size: var(--font-size-h5);
486
+ line-height: 1.2;
487
+ font-weight: 400;
488
+ }
489
+
490
+ .h6,
491
+ h6 {
492
+ font-size: var(--font-size-h6);
493
+ line-height: 1.2;
494
+ font-weight: 400;
495
+ }
496
+
497
+ .text-lg-cap {
498
+ text-transform: capitalize;
499
+ }
500
+ .text-lg-up {
501
+ text-transform: uppercase;
502
+ }
503
+ .text-lg-low {
504
+ text-transform: lowercase;
505
+ }
506
+ .text-lg-none {
507
+ text-transform: none;
508
+ }
509
+ .text-lg-full {
510
+ text-transform: full-width;
511
+ }
512
+ .text-lg-l {
513
+ text-align: left;
514
+ }
515
+ .text-lg-r {
516
+ text-align: right;
517
+ }
518
+ .text-lg-center {
519
+ text-align: center;
520
+ }
521
+ .text-lg-justify {
522
+ text-align: justify;
523
+ }
524
+ .text-lg-50 {
525
+ font-weight: var(--font-weight-50);
526
+ }
527
+ .text-lg-100 {
528
+ font-weight: var(--font-weight-100);
529
+ }
530
+ .text-lg-300 {
531
+ font-weight: var(--font-weight-300);
532
+ }
533
+ .text-lg-500 {
534
+ font-weight: var(--font-weight-500);
535
+ }
536
+ .text-lg-900 {
537
+ font-weight: var(--font-weight-900);
538
+ }
539
+ .text-lg-light {
540
+ font-weight: var(--font-weight-light);
541
+ }
542
+ .text-lg-cap {
543
+ font-weight: var(--font-weight-cap);
544
+ }
545
+ .text-lg-bold {
546
+ font-weight: var(--font-weight-bold);
547
+ }
548
+ .text-lg-bolder {
549
+ font-weight: var(--font-weight-bolder);
550
+ }
551
+ .text-lg-shad-discrete {
552
+ text-shadow: var(--text-shadow-discrete);
553
+ }
554
+ .text-lg-shad-success {
555
+ text-shadow: var(--text-shadow-success);
556
+ }
557
+ .text-lg-shad-info {
558
+ text-shadow: var(--text-shadow-info);
559
+ }
560
+ .text-lg-shad-warning {
561
+ text-shadow: var(--text-shadow-warning);
562
+ }
563
+ .text-lg-shad-alert {
564
+ text-shadow: var(--text-shadow-alert);
565
+ }
566
+ .text-lg-shad-error {
567
+ text-shadow: var(--text-shadow-error);
568
+ }
569
+ .text-lg-shad-yellow {
570
+ text-shadow: var(--text-shadow-yellow);
571
+ }
572
+ .text-lg-shad-orange {
573
+ text-shadow: var(--text-shadow-orange);
574
+ }
575
+ .text-lg-shad-red {
576
+ text-shadow: var(--text-shadow-red);
577
+ }
578
+ .text-lg-shad-magenta {
579
+ text-shadow: var(--text-shadow-magenta);
580
+ }
581
+ .text-lg-shad-purple {
582
+ text-shadow: var(--text-shadow-purple);
583
+ }
584
+ .text-lg-shad-green {
585
+ text-shadow: var(--text-shadow-green);
586
+ }
587
+ .text-lg-shad-teal {
588
+ text-shadow: var(--text-shadow-teal);
589
+ }
590
+ .text-lg-shad-blue {
591
+ text-shadow: var(--text-shadow-blue);
592
+ }
593
+ .text-lg-shad-dark {
594
+ text-shadow: var(--text-shadow-dark);
595
+ }
596
+ }
597
+ @media only screen and (max-width: 48rem) {
598
+ .text-md-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-md-cap {
647
+ text-transform: capitalize;
648
+ }
649
+ .text-md-up {
650
+ text-transform: uppercase;
651
+ }
652
+ .text-md-low {
653
+ text-transform: lowercase;
654
+ }
655
+ .text-md-none {
656
+ text-transform: none;
657
+ }
658
+ .text-md-full {
659
+ text-transform: full-width;
660
+ }
661
+ .text-md-l {
662
+ text-align: left;
663
+ }
664
+ .text-md-r {
665
+ text-align: right;
666
+ }
667
+ .text-md-center {
668
+ text-align: center;
669
+ }
670
+ .text-md-justify {
671
+ text-align: justify;
672
+ }
673
+ .text-md-50 {
674
+ font-weight: var(--font-weight-50);
675
+ }
676
+ .text-md-100 {
677
+ font-weight: var(--font-weight-100);
678
+ }
679
+ .text-md-300 {
680
+ font-weight: var(--font-weight-300);
681
+ }
682
+ .text-md-500 {
683
+ font-weight: var(--font-weight-500);
684
+ }
685
+ .text-md-900 {
686
+ font-weight: var(--font-weight-900);
687
+ }
688
+ .text-md-light {
689
+ font-weight: var(--font-weight-light);
690
+ }
691
+ .text-md-cap {
692
+ font-weight: var(--font-weight-cap);
693
+ }
694
+ .text-md-bold {
695
+ font-weight: var(--font-weight-bold);
696
+ }
697
+ .text-md-bolder {
698
+ font-weight: var(--font-weight-bolder);
699
+ }
700
+ .text-md-shad-discrete {
701
+ text-shadow: var(--text-shadow-discrete);
702
+ }
703
+ .text-md-shad-success {
704
+ text-shadow: var(--text-shadow-success);
705
+ }
706
+ .text-md-shad-info {
707
+ text-shadow: var(--text-shadow-info);
708
+ }
709
+ .text-md-shad-warning {
710
+ text-shadow: var(--text-shadow-warning);
711
+ }
712
+ .text-md-shad-alert {
713
+ text-shadow: var(--text-shadow-alert);
714
+ }
715
+ .text-md-shad-error {
716
+ text-shadow: var(--text-shadow-error);
717
+ }
718
+ .text-md-shad-yellow {
719
+ text-shadow: var(--text-shadow-yellow);
720
+ }
721
+ .text-md-shad-orange {
722
+ text-shadow: var(--text-shadow-orange);
723
+ }
724
+ .text-md-shad-red {
725
+ text-shadow: var(--text-shadow-red);
726
+ }
727
+ .text-md-shad-magenta {
728
+ text-shadow: var(--text-shadow-magenta);
729
+ }
730
+ .text-md-shad-purple {
731
+ text-shadow: var(--text-shadow-purple);
732
+ }
733
+ .text-md-shad-green {
734
+ text-shadow: var(--text-shadow-green);
735
+ }
736
+ .text-md-shad-teal {
737
+ text-shadow: var(--text-shadow-teal);
738
+ }
739
+ .text-md-shad-blue {
740
+ text-shadow: var(--text-shadow-blue);
741
+ }
742
+ .text-md-shad-dark {
743
+ text-shadow: var(--text-shadow-dark);
744
+ }
745
+ }
746
+ @media only screen and (max-width: 35.7rem) {
747
+ .text-sm-ellipsis {
748
+ text-overflow: ellipsis;
749
+ overflow: hidden;
750
+ white-space: nowrap;
751
+ }
752
+
753
+ .h1,
754
+ h1 {
755
+ font-size: var(--font-size-h1);
756
+ line-height: 1.2;
757
+ font-weight: 400;
758
+ }
759
+
760
+ .h2,
761
+ h2 {
762
+ font-size: var(--font-size-h2);
763
+ line-height: 1.2;
764
+ font-weight: 400;
765
+ }
766
+
767
+ .h3,
768
+ h3 {
769
+ font-size: var(--font-size-h3);
770
+ line-height: 1.2;
771
+ font-weight: 400;
772
+ }
773
+
774
+ .h4,
775
+ h4 {
776
+ font-size: var(--font-size-h4);
777
+ line-height: 1.2;
778
+ font-weight: 400;
779
+ }
780
+
781
+ .h5,
782
+ h5 {
783
+ font-size: var(--font-size-h5);
784
+ line-height: 1.2;
785
+ font-weight: 400;
786
+ }
787
+
788
+ .h6,
789
+ h6 {
790
+ font-size: var(--font-size-h6);
791
+ line-height: 1.2;
792
+ font-weight: 400;
793
+ }
794
+
795
+ .text-sm-cap {
796
+ text-transform: capitalize;
797
+ }
798
+ .text-sm-up {
799
+ text-transform: uppercase;
800
+ }
801
+ .text-sm-low {
802
+ text-transform: lowercase;
803
+ }
804
+ .text-sm-none {
805
+ text-transform: none;
806
+ }
807
+ .text-sm-full {
808
+ text-transform: full-width;
809
+ }
810
+ .text-sm-l {
811
+ text-align: left;
812
+ }
813
+ .text-sm-r {
814
+ text-align: right;
815
+ }
816
+ .text-sm-center {
817
+ text-align: center;
818
+ }
819
+ .text-sm-justify {
820
+ text-align: justify;
821
+ }
822
+ .text-sm-50 {
823
+ font-weight: var(--font-weight-50);
824
+ }
825
+ .text-sm-100 {
826
+ font-weight: var(--font-weight-100);
827
+ }
828
+ .text-sm-300 {
829
+ font-weight: var(--font-weight-300);
830
+ }
831
+ .text-sm-500 {
832
+ font-weight: var(--font-weight-500);
833
+ }
834
+ .text-sm-900 {
835
+ font-weight: var(--font-weight-900);
836
+ }
837
+ .text-sm-light {
838
+ font-weight: var(--font-weight-light);
839
+ }
840
+ .text-sm-cap {
841
+ font-weight: var(--font-weight-cap);
842
+ }
843
+ .text-sm-bold {
844
+ font-weight: var(--font-weight-bold);
845
+ }
846
+ .text-sm-bolder {
847
+ font-weight: var(--font-weight-bolder);
848
+ }
849
+ .text-sm-shad-discrete {
850
+ text-shadow: var(--text-shadow-discrete);
851
+ }
852
+ .text-sm-shad-success {
853
+ text-shadow: var(--text-shadow-success);
854
+ }
855
+ .text-sm-shad-info {
856
+ text-shadow: var(--text-shadow-info);
857
+ }
858
+ .text-sm-shad-warning {
859
+ text-shadow: var(--text-shadow-warning);
860
+ }
861
+ .text-sm-shad-alert {
862
+ text-shadow: var(--text-shadow-alert);
863
+ }
864
+ .text-sm-shad-error {
865
+ text-shadow: var(--text-shadow-error);
866
+ }
867
+ .text-sm-shad-yellow {
868
+ text-shadow: var(--text-shadow-yellow);
869
+ }
870
+ .text-sm-shad-orange {
871
+ text-shadow: var(--text-shadow-orange);
872
+ }
873
+ .text-sm-shad-red {
874
+ text-shadow: var(--text-shadow-red);
875
+ }
876
+ .text-sm-shad-magenta {
877
+ text-shadow: var(--text-shadow-magenta);
878
+ }
879
+ .text-sm-shad-purple {
880
+ text-shadow: var(--text-shadow-purple);
881
+ }
882
+ .text-sm-shad-green {
883
+ text-shadow: var(--text-shadow-green);
884
+ }
885
+ .text-sm-shad-teal {
886
+ text-shadow: var(--text-shadow-teal);
887
+ }
888
+ .text-sm-shad-blue {
889
+ text-shadow: var(--text-shadow-blue);
890
+ }
891
+ .text-sm-shad-dark {
892
+ text-shadow: var(--text-shadow-dark);
893
+ }
894
+ }