@medyll/cssfabric 0.0.14 → 0.0.15

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 (66) hide show
  1. package/css/mystyles.css +280 -0
  2. package/css/mystyles.css.map +1 -0
  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 +832 -832
  6. package/lib/styles/core/box/box.min.css +1 -1
  7. package/lib/styles/core/box/box.responsive.css +4165 -6430
  8. package/lib/styles/core/box/box.responsive.min.css +1 -1
  9. package/lib/styles/core/color/color.responsive.css +5 -930
  10. package/lib/styles/core/color/color.responsive.min.css +1 -1
  11. package/lib/styles/core/flex/flex.css +56 -72
  12. package/lib/styles/core/flex/flex.min.css +1 -1
  13. package/lib/styles/core/flex/flex.responsive.css +286 -508
  14. package/lib/styles/core/flex/flex.responsive.min.css +1 -1
  15. package/lib/styles/core/grid/grid.css +103 -34
  16. package/lib/styles/core/grid/grid.min.css +1 -1
  17. package/lib/styles/core/grid/grid.responsive.css +506 -213
  18. package/lib/styles/core/grid/grid.responsive.min.css +1 -1
  19. package/lib/styles/core/menu/menu.responsive.css +5 -86
  20. package/lib/styles/core/menu/menu.responsive.min.css +1 -1
  21. package/lib/styles/core/overflow/overflow.css +59 -83
  22. package/lib/styles/core/overflow/overflow.min.css +1 -1
  23. package/lib/styles/core/overflow/overflow.responsive.css +305 -486
  24. package/lib/styles/core/overflow/overflow.responsive.min.css +1 -1
  25. package/lib/styles/core/scale/scale.css +192 -192
  26. package/lib/styles/core/scale/scale.min.css +1 -1
  27. package/lib/styles/core/scale/scale.responsive.css +965 -1606
  28. package/lib/styles/core/scale/scale.responsive.min.css +1 -1
  29. package/lib/styles/core/table/table.css +71 -70
  30. package/lib/styles/core/table/table.responsive.css +5 -79
  31. package/lib/styles/core/table/table.responsive.min.css +1 -1
  32. package/lib/styles/core/text/text.responsive.css +5 -154
  33. package/lib/styles/core/text/text.responsive.min.css +1 -1
  34. package/lib/styles/core/vars.css +36 -36
  35. package/lib/styles/core/vars.min.css +1 -1
  36. package/lib/styles/core/zindex/zindex.css +42 -348
  37. package/lib/styles/core/zindex/zindex.min.css +1 -1
  38. package/lib/styles/cssfabric.css +1650 -4096
  39. package/lib/styles/cssfabric.min.css +7 -7
  40. package/lib/styles/cssfabric.responsive.css +13802 -17927
  41. package/lib/styles/cssfabric.responsive.min.css +9 -9
  42. package/package.json +1 -1
  43. package/src/_generated/export.variables.json +125 -121
  44. package/src/cssfabric/_utils.scss +1 -1
  45. package/src/cssfabric/modules/_cssfabric-config.scss +5 -6
  46. package/src/cssfabric/modules/animation/animation.scss +2 -2
  47. package/src/cssfabric/modules/box/_box-build.scss +2 -2
  48. package/src/cssfabric/modules/box/box-responsive.scss +2 -2
  49. package/src/cssfabric/modules/color/color-responsive.scss +1 -1
  50. package/src/cssfabric/modules/flex/_flex-build.scss +35 -54
  51. package/src/cssfabric/modules/flex/_flex-vars.scss +3 -6
  52. package/src/cssfabric/modules/grid/_grid-build.scss +42 -49
  53. package/src/cssfabric/modules/grid/_grid-vars.scss +6 -5
  54. package/src/cssfabric/modules/grid/grid-responsive.scss +1 -1
  55. package/src/cssfabric/modules/menu/menu-responsive.scss +1 -1
  56. package/src/cssfabric/modules/overflow/overflow-responsive.scss +1 -1
  57. package/src/cssfabric/modules/scale/_scale-build.scss +1 -1
  58. package/src/cssfabric/modules/scale/scale-responsive.scss +1 -1
  59. package/src/cssfabric/modules/table/table-responsive.scss +1 -1
  60. package/src/cssfabric/modules/text/text-responsive.scss +1 -1
  61. package/src/cssfabric/modules/theme/_theme-build.scss +2 -0
  62. package/src/cssfabric/modules/vars.scss +4 -5
  63. package/src/cssfabric/modules/zindex/_zindex-vars.scss +8 -13
  64. package/src/cssfabric/modules/zindex/zindex.scss +6 -10
  65. package/lib/styles/core/main.css +0 -2263
  66. package/src/cssfabric/modules/main.scss +0 -3
@@ -1,929 +1,4 @@
1
- @media only screen and (max-width: 0rem) {
2
- /**
3
- color ?
4
- */
5
- .color-palette-xxxl-yellow {
6
- color: #ffb900;
7
- }
8
- .color-palette-xxxl-yellow-light {
9
- color: #ffce4d;
10
- }
11
- .color-palette-xxxl-yellow-lighter {
12
- color: #ffe399;
13
- }
14
- .color-palette-xxxl-yellow-dark {
15
- color: #cc9400;
16
- }
17
- .color-palette-xxxl-yellow-darker {
18
- color: #996f00;
19
- }
20
- .color-palette-xxxl-yellow-complement {
21
- color: #0046ff;
22
- }
23
- .color-palette-xxxl-yellow-invert {
24
- color: #0046ff;
25
- }
26
- .color-palette-xxxl-orange {
27
- color: #d83b01;
28
- }
29
- .color-palette-xxxl-orange-light {
30
- color: #fe6127;
31
- }
32
- .color-palette-xxxl-orange-lighter {
33
- color: #fe9974;
34
- }
35
- .color-palette-xxxl-orange-dark {
36
- color: #a52d01;
37
- }
38
- .color-palette-xxxl-orange-darker {
39
- color: #721f01;
40
- }
41
- .color-palette-xxxl-orange-complement {
42
- color: #019ed8;
43
- }
44
- .color-palette-xxxl-orange-invert {
45
- color: #27c4fe;
46
- }
47
- .color-palette-xxxl-red {
48
- color: #d13438;
49
- }
50
- .color-palette-xxxl-red-light {
51
- color: #df7275;
52
- }
53
- .color-palette-xxxl-red-lighter {
54
- color: #edb1b2;
55
- }
56
- .color-palette-xxxl-red-dark {
57
- color: #ab272a;
58
- }
59
- .color-palette-xxxl-red-darker {
60
- color: #821d20;
61
- }
62
- .color-palette-xxxl-red-complement {
63
- color: #34d1cd;
64
- }
65
- .color-palette-xxxl-red-invert {
66
- color: #2ecbc7;
67
- }
68
- .color-palette-xxxl-magenta {
69
- color: #b4009e;
70
- }
71
- .color-palette-xxxl-magenta-light {
72
- color: #ff02e0;
73
- }
74
- .color-palette-xxxl-magenta-lighter {
75
- color: #ff4ee9;
76
- }
77
- .color-palette-xxxl-magenta-dark {
78
- color: #810071;
79
- }
80
- .color-palette-xxxl-magenta-darker {
81
- color: #4e0044;
82
- }
83
- .color-palette-xxxl-magenta-complement {
84
- color: #00b416;
85
- }
86
- .color-palette-xxxl-magenta-invert {
87
- color: #4bff61;
88
- }
89
- .color-palette-xxxl-purple {
90
- color: #5c2d91;
91
- }
92
- .color-palette-xxxl-purple-light {
93
- color: #8145c5;
94
- }
95
- .color-palette-xxxl-purple-lighter {
96
- color: #a980d7;
97
- }
98
- .color-palette-xxxl-purple-dark {
99
- color: #43216a;
100
- }
101
- .color-palette-xxxl-purple-darker {
102
- color: #2b1543;
103
- }
104
- .color-palette-xxxl-purple-complement {
105
- color: #62912d;
106
- }
107
- .color-palette-xxxl-purple-invert {
108
- color: #a3d26e;
109
- }
110
- .color-palette-xxxl-green {
111
- color: #107c10;
112
- }
113
- .color-palette-xxxl-green-light {
114
- color: #19c019;
115
- }
116
- .color-palette-xxxl-green-lighter {
117
- color: #3fe63f;
118
- }
119
- .color-palette-xxxl-green-dark {
120
- color: #0a4f0a;
121
- }
122
- .color-palette-xxxl-green-darker {
123
- color: #042204;
124
- }
125
- .color-palette-xxxl-green-complement {
126
- color: #7c107c;
127
- }
128
- .color-palette-xxxl-green-invert {
129
- color: #ef83ef;
130
- }
131
- .color-palette-xxxl-teal {
132
- color: #008272;
133
- }
134
- .color-palette-xxxl-teal-light {
135
- color: #00cfb5;
136
- }
137
- .color-palette-xxxl-teal-lighter {
138
- color: #1cffe3;
139
- }
140
- .color-palette-xxxl-teal-dark {
141
- color: #004f45;
142
- }
143
- .color-palette-xxxl-teal-darker {
144
- color: #001c19;
145
- }
146
- .color-palette-xxxl-teal-complement {
147
- color: #820010;
148
- }
149
- .color-palette-xxxl-teal-invert {
150
- color: #ff7d8d;
151
- }
152
- .color-palette-xxxl-blue {
153
- color: #0078d4;
154
- }
155
- .color-palette-xxxl-blue-light {
156
- color: #229fff;
157
- }
158
- .color-palette-xxxl-blue-lighter {
159
- color: #6ec0ff;
160
- }
161
- .color-palette-xxxl-blue-dark {
162
- color: #005ba1;
163
- }
164
- .color-palette-xxxl-blue-darker {
165
- color: #003e6e;
166
- }
167
- .color-palette-xxxl-blue-complement {
168
- color: #d45c00;
169
- }
170
- .color-palette-xxxl-blue-invert {
171
- color: #ff872b;
172
- }
173
- .color-palette-xxxl-dark {
174
- color: #323232;
175
- }
176
- .color-palette-xxxl-dark-light {
177
- color: #585858;
178
- }
179
- .color-palette-xxxl-dark-lighter {
180
- color: #7f7f7f;
181
- }
182
- .color-palette-xxxl-dark-dark {
183
- color: #191919;
184
- }
185
- .color-palette-xxxl-dark-darker {
186
- color: black;
187
- }
188
- .color-palette-xxxl-dark-complement {
189
- color: #323232;
190
- }
191
- .color-palette-xxxl-dark-invert {
192
- color: #cdcdcd;
193
- }
194
-
195
- /**
196
- color ?
197
- */
198
- .color-scheme-xxxl-discrete {
199
- color: #ccc;
200
- }
201
- .color-scheme-xxxl-success {
202
- color: green;
203
- }
204
- .color-scheme-xxxl-info {
205
- color: #ffdd57;
206
- }
207
- .color-scheme-xxxl-warning {
208
- color: #e6b905;
209
- }
210
- .color-scheme-xxxl-alert {
211
- color: #ff7300;
212
- }
213
- .color-scheme-xxxl-error {
214
- color: red;
215
- }
216
-
217
- /**
218
- color ?
219
- */
220
- .color-gray-xxxl-100 {
221
- color: #f4f4f4;
222
- }
223
- .color-gray-xxxl-200 {
224
- color: #e9e9e9;
225
- }
226
- .color-gray-xxxl-300 {
227
- color: #dddddd;
228
- }
229
- .color-gray-xxxl-400 {
230
- color: #d2d2d2;
231
- }
232
- .color-gray-xxxl-500 {
233
- color: #c7c7c7;
234
- }
235
- .color-gray-xxxl-600 {
236
- color: #bbbbbb;
237
- }
238
- .color-gray-xxxl-700 {
239
- color: #b0b0b0;
240
- }
241
- .color-gray-xxxl-800 {
242
- color: #a4a4a4;
243
- }
244
- .color-gray-xxxl-900 {
245
- color: #999999;
246
- }
247
-
248
- /**
249
- bg ?
250
- */
251
- .bg-palette-xxxl-yellow {
252
- background-color: #ffb900;
253
- }
254
- .bg-palette-xxxl-yellow-light {
255
- background-color: #ffce4d;
256
- }
257
- .bg-palette-xxxl-yellow-lighter {
258
- background-color: #ffe399;
259
- }
260
- .bg-palette-xxxl-yellow-dark {
261
- background-color: #cc9400;
262
- }
263
- .bg-palette-xxxl-yellow-darker {
264
- background-color: #996f00;
265
- }
266
- .bg-palette-xxxl-yellow-complement {
267
- background-color: #0046ff;
268
- }
269
- .bg-palette-xxxl-yellow-invert {
270
- background-color: #0046ff;
271
- }
272
- .bg-palette-xxxl-orange {
273
- background-color: #d83b01;
274
- }
275
- .bg-palette-xxxl-orange-light {
276
- background-color: #fe6127;
277
- }
278
- .bg-palette-xxxl-orange-lighter {
279
- background-color: #fe9974;
280
- }
281
- .bg-palette-xxxl-orange-dark {
282
- background-color: #a52d01;
283
- }
284
- .bg-palette-xxxl-orange-darker {
285
- background-color: #721f01;
286
- }
287
- .bg-palette-xxxl-orange-complement {
288
- background-color: #019ed8;
289
- }
290
- .bg-palette-xxxl-orange-invert {
291
- background-color: #27c4fe;
292
- }
293
- .bg-palette-xxxl-red {
294
- background-color: #d13438;
295
- }
296
- .bg-palette-xxxl-red-light {
297
- background-color: #df7275;
298
- }
299
- .bg-palette-xxxl-red-lighter {
300
- background-color: #edb1b2;
301
- }
302
- .bg-palette-xxxl-red-dark {
303
- background-color: #ab272a;
304
- }
305
- .bg-palette-xxxl-red-darker {
306
- background-color: #821d20;
307
- }
308
- .bg-palette-xxxl-red-complement {
309
- background-color: #34d1cd;
310
- }
311
- .bg-palette-xxxl-red-invert {
312
- background-color: #2ecbc7;
313
- }
314
- .bg-palette-xxxl-magenta {
315
- background-color: #b4009e;
316
- }
317
- .bg-palette-xxxl-magenta-light {
318
- background-color: #ff02e0;
319
- }
320
- .bg-palette-xxxl-magenta-lighter {
321
- background-color: #ff4ee9;
322
- }
323
- .bg-palette-xxxl-magenta-dark {
324
- background-color: #810071;
325
- }
326
- .bg-palette-xxxl-magenta-darker {
327
- background-color: #4e0044;
328
- }
329
- .bg-palette-xxxl-magenta-complement {
330
- background-color: #00b416;
331
- }
332
- .bg-palette-xxxl-magenta-invert {
333
- background-color: #4bff61;
334
- }
335
- .bg-palette-xxxl-purple {
336
- background-color: #5c2d91;
337
- }
338
- .bg-palette-xxxl-purple-light {
339
- background-color: #8145c5;
340
- }
341
- .bg-palette-xxxl-purple-lighter {
342
- background-color: #a980d7;
343
- }
344
- .bg-palette-xxxl-purple-dark {
345
- background-color: #43216a;
346
- }
347
- .bg-palette-xxxl-purple-darker {
348
- background-color: #2b1543;
349
- }
350
- .bg-palette-xxxl-purple-complement {
351
- background-color: #62912d;
352
- }
353
- .bg-palette-xxxl-purple-invert {
354
- background-color: #a3d26e;
355
- }
356
- .bg-palette-xxxl-green {
357
- background-color: #107c10;
358
- }
359
- .bg-palette-xxxl-green-light {
360
- background-color: #19c019;
361
- }
362
- .bg-palette-xxxl-green-lighter {
363
- background-color: #3fe63f;
364
- }
365
- .bg-palette-xxxl-green-dark {
366
- background-color: #0a4f0a;
367
- }
368
- .bg-palette-xxxl-green-darker {
369
- background-color: #042204;
370
- }
371
- .bg-palette-xxxl-green-complement {
372
- background-color: #7c107c;
373
- }
374
- .bg-palette-xxxl-green-invert {
375
- background-color: #ef83ef;
376
- }
377
- .bg-palette-xxxl-teal {
378
- background-color: #008272;
379
- }
380
- .bg-palette-xxxl-teal-light {
381
- background-color: #00cfb5;
382
- }
383
- .bg-palette-xxxl-teal-lighter {
384
- background-color: #1cffe3;
385
- }
386
- .bg-palette-xxxl-teal-dark {
387
- background-color: #004f45;
388
- }
389
- .bg-palette-xxxl-teal-darker {
390
- background-color: #001c19;
391
- }
392
- .bg-palette-xxxl-teal-complement {
393
- background-color: #820010;
394
- }
395
- .bg-palette-xxxl-teal-invert {
396
- background-color: #ff7d8d;
397
- }
398
- .bg-palette-xxxl-blue {
399
- background-color: #0078d4;
400
- }
401
- .bg-palette-xxxl-blue-light {
402
- background-color: #229fff;
403
- }
404
- .bg-palette-xxxl-blue-lighter {
405
- background-color: #6ec0ff;
406
- }
407
- .bg-palette-xxxl-blue-dark {
408
- background-color: #005ba1;
409
- }
410
- .bg-palette-xxxl-blue-darker {
411
- background-color: #003e6e;
412
- }
413
- .bg-palette-xxxl-blue-complement {
414
- background-color: #d45c00;
415
- }
416
- .bg-palette-xxxl-blue-invert {
417
- background-color: #ff872b;
418
- }
419
- .bg-palette-xxxl-dark {
420
- background-color: #323232;
421
- }
422
- .bg-palette-xxxl-dark-light {
423
- background-color: #585858;
424
- }
425
- .bg-palette-xxxl-dark-lighter {
426
- background-color: #7f7f7f;
427
- }
428
- .bg-palette-xxxl-dark-dark {
429
- background-color: #191919;
430
- }
431
- .bg-palette-xxxl-dark-darker {
432
- background-color: black;
433
- }
434
- .bg-palette-xxxl-dark-complement {
435
- background-color: #323232;
436
- }
437
- .bg-palette-xxxl-dark-invert {
438
- background-color: #cdcdcd;
439
- }
440
-
441
- /**
442
- bg ?
443
- */
444
- .bg-scheme-xxxl-discrete {
445
- background-color: #ccc;
446
- }
447
- .bg-scheme-xxxl-success {
448
- background-color: green;
449
- }
450
- .bg-scheme-xxxl-info {
451
- background-color: #ffdd57;
452
- }
453
- .bg-scheme-xxxl-warning {
454
- background-color: #e6b905;
455
- }
456
- .bg-scheme-xxxl-alert {
457
- background-color: #ff7300;
458
- }
459
- .bg-scheme-xxxl-error {
460
- background-color: red;
461
- }
462
-
463
- /**
464
- bg ?
465
- */
466
- .bg-gray-xxxl-100 {
467
- background-color: #f4f4f4;
468
- }
469
- .bg-gray-xxxl-200 {
470
- background-color: #e9e9e9;
471
- }
472
- .bg-gray-xxxl-300 {
473
- background-color: #dddddd;
474
- }
475
- .bg-gray-xxxl-400 {
476
- background-color: #d2d2d2;
477
- }
478
- .bg-gray-xxxl-500 {
479
- background-color: #c7c7c7;
480
- }
481
- .bg-gray-xxxl-600 {
482
- background-color: #bbbbbb;
483
- }
484
- .bg-gray-xxxl-700 {
485
- background-color: #b0b0b0;
486
- }
487
- .bg-gray-xxxl-800 {
488
- background-color: #a4a4a4;
489
- }
490
- .bg-gray-xxxl-900 {
491
- background-color: #999999;
492
- }
493
-
494
- /**
495
- bg-themed ?
496
- */
497
- .bg-themed-palette-xxxl-yellow {
498
- color: black;
499
- text-shadow: 0 0 0.125rem #cc9400;
500
- background-color: #ffb900;
501
- }
502
- .bg-themed-palette-xxxl-yellow-light {
503
- color: black;
504
- background-color: #ffce4d;
505
- }
506
- .bg-themed-palette-xxxl-yellow-lighter {
507
- color: black;
508
- background-color: #ffe399;
509
- }
510
- .bg-themed-palette-xxxl-yellow-dark {
511
- color: black;
512
- background-color: #cc9400;
513
- }
514
- .bg-themed-palette-xxxl-yellow-darker {
515
- color: white;
516
- background-color: #996f00;
517
- }
518
- .bg-themed-palette-xxxl-yellow-complement {
519
- color: white;
520
- background-color: #0046ff;
521
- }
522
- .bg-themed-palette-xxxl-yellow-invert {
523
- color: white;
524
- background-color: #0046ff;
525
- }
526
- .bg-themed-palette-xxxl-orange {
527
- color: white;
528
- text-shadow: 0 0 0.125rem #a52d01;
529
- background-color: #d83b01;
530
- }
531
- .bg-themed-palette-xxxl-orange-light {
532
- color: black;
533
- background-color: #fe6127;
534
- }
535
- .bg-themed-palette-xxxl-orange-lighter {
536
- color: black;
537
- background-color: #fe9974;
538
- }
539
- .bg-themed-palette-xxxl-orange-dark {
540
- color: white;
541
- background-color: #a52d01;
542
- }
543
- .bg-themed-palette-xxxl-orange-darker {
544
- color: white;
545
- background-color: #721f01;
546
- }
547
- .bg-themed-palette-xxxl-orange-complement {
548
- color: white;
549
- background-color: #019ed8;
550
- }
551
- .bg-themed-palette-xxxl-orange-invert {
552
- color: black;
553
- background-color: #27c4fe;
554
- }
555
- .bg-themed-palette-xxxl-red {
556
- color: white;
557
- text-shadow: 0 0 0.125rem #ab272a;
558
- background-color: #d13438;
559
- }
560
- .bg-themed-palette-xxxl-red-light {
561
- color: black;
562
- background-color: #df7275;
563
- }
564
- .bg-themed-palette-xxxl-red-lighter {
565
- color: black;
566
- background-color: #edb1b2;
567
- }
568
- .bg-themed-palette-xxxl-red-dark {
569
- color: white;
570
- background-color: #ab272a;
571
- }
572
- .bg-themed-palette-xxxl-red-darker {
573
- color: white;
574
- background-color: #821d20;
575
- }
576
- .bg-themed-palette-xxxl-red-complement {
577
- color: black;
578
- background-color: #34d1cd;
579
- }
580
- .bg-themed-palette-xxxl-red-invert {
581
- color: black;
582
- background-color: #2ecbc7;
583
- }
584
- .bg-themed-palette-xxxl-magenta {
585
- color: white;
586
- text-shadow: 0 0 0.125rem #810071;
587
- background-color: #b4009e;
588
- }
589
- .bg-themed-palette-xxxl-magenta-light {
590
- color: white;
591
- background-color: #ff02e0;
592
- }
593
- .bg-themed-palette-xxxl-magenta-lighter {
594
- color: black;
595
- background-color: #ff4ee9;
596
- }
597
- .bg-themed-palette-xxxl-magenta-dark {
598
- color: white;
599
- background-color: #810071;
600
- }
601
- .bg-themed-palette-xxxl-magenta-darker {
602
- color: white;
603
- background-color: #4e0044;
604
- }
605
- .bg-themed-palette-xxxl-magenta-complement {
606
- color: white;
607
- background-color: #00b416;
608
- }
609
- .bg-themed-palette-xxxl-magenta-invert {
610
- color: black;
611
- background-color: #4bff61;
612
- }
613
- .bg-themed-palette-xxxl-purple {
614
- color: white;
615
- text-shadow: 0 0 0.125rem #43216a;
616
- background-color: #5c2d91;
617
- }
618
- .bg-themed-palette-xxxl-purple-light {
619
- color: white;
620
- background-color: #8145c5;
621
- }
622
- .bg-themed-palette-xxxl-purple-lighter {
623
- color: black;
624
- background-color: #a980d7;
625
- }
626
- .bg-themed-palette-xxxl-purple-dark {
627
- color: white;
628
- background-color: #43216a;
629
- }
630
- .bg-themed-palette-xxxl-purple-darker {
631
- color: white;
632
- background-color: #2b1543;
633
- }
634
- .bg-themed-palette-xxxl-purple-complement {
635
- color: black;
636
- background-color: #62912d;
637
- }
638
- .bg-themed-palette-xxxl-purple-invert {
639
- color: black;
640
- background-color: #a3d26e;
641
- }
642
- .bg-themed-palette-xxxl-green {
643
- color: white;
644
- text-shadow: 0 0 0.125rem #0a4f0a;
645
- background-color: #107c10;
646
- }
647
- .bg-themed-palette-xxxl-green-light {
648
- color: black;
649
- background-color: #19c019;
650
- }
651
- .bg-themed-palette-xxxl-green-lighter {
652
- color: black;
653
- background-color: #3fe63f;
654
- }
655
- .bg-themed-palette-xxxl-green-dark {
656
- color: white;
657
- background-color: #0a4f0a;
658
- }
659
- .bg-themed-palette-xxxl-green-darker {
660
- color: white;
661
- background-color: #042204;
662
- }
663
- .bg-themed-palette-xxxl-green-complement {
664
- color: white;
665
- background-color: #7c107c;
666
- }
667
- .bg-themed-palette-xxxl-green-invert {
668
- color: black;
669
- background-color: #ef83ef;
670
- }
671
- .bg-themed-palette-xxxl-teal {
672
- color: white;
673
- text-shadow: 0 0 0.125rem #004f45;
674
- background-color: #008272;
675
- }
676
- .bg-themed-palette-xxxl-teal-light {
677
- color: black;
678
- background-color: #00cfb5;
679
- }
680
- .bg-themed-palette-xxxl-teal-lighter {
681
- color: black;
682
- background-color: #1cffe3;
683
- }
684
- .bg-themed-palette-xxxl-teal-dark {
685
- color: white;
686
- background-color: #004f45;
687
- }
688
- .bg-themed-palette-xxxl-teal-darker {
689
- color: white;
690
- background-color: #001c19;
691
- }
692
- .bg-themed-palette-xxxl-teal-complement {
693
- color: white;
694
- background-color: #820010;
695
- }
696
- .bg-themed-palette-xxxl-teal-invert {
697
- color: black;
698
- background-color: #ff7d8d;
699
- }
700
- .bg-themed-palette-xxxl-blue {
701
- color: white;
702
- text-shadow: 0 0 0.125rem #005ba1;
703
- background-color: #0078d4;
704
- }
705
- .bg-themed-palette-xxxl-blue-light {
706
- color: white;
707
- background-color: #229fff;
708
- }
709
- .bg-themed-palette-xxxl-blue-lighter {
710
- color: black;
711
- background-color: #6ec0ff;
712
- }
713
- .bg-themed-palette-xxxl-blue-dark {
714
- color: white;
715
- background-color: #005ba1;
716
- }
717
- .bg-themed-palette-xxxl-blue-darker {
718
- color: white;
719
- background-color: #003e6e;
720
- }
721
- .bg-themed-palette-xxxl-blue-complement {
722
- color: black;
723
- background-color: #d45c00;
724
- }
725
- .bg-themed-palette-xxxl-blue-invert {
726
- color: black;
727
- background-color: #ff872b;
728
- }
729
- .bg-themed-palette-xxxl-dark {
730
- color: white;
731
- text-shadow: 0 0 0.125rem #191919;
732
- background-color: #323232;
733
- }
734
- .bg-themed-palette-xxxl-dark-light {
735
- color: white;
736
- background-color: #585858;
737
- }
738
- .bg-themed-palette-xxxl-dark-lighter {
739
- color: white;
740
- background-color: #7f7f7f;
741
- }
742
- .bg-themed-palette-xxxl-dark-dark {
743
- color: white;
744
- background-color: #191919;
745
- }
746
- .bg-themed-palette-xxxl-dark-darker {
747
- color: white;
748
- background-color: black;
749
- }
750
- .bg-themed-palette-xxxl-dark-complement {
751
- color: white;
752
- background-color: #323232;
753
- }
754
- .bg-themed-palette-xxxl-dark-invert {
755
- color: black;
756
- background-color: #cdcdcd;
757
- }
758
-
759
- /**
760
- bg-themed ?
761
- */
762
- .bg-themed-scheme-xxxl-discrete {
763
- color: black;
764
- text-shadow: 0 0 0.125rem #b3b3b3;
765
- background-color: #ccc;
766
- }
767
- .bg-themed-scheme-xxxl-success {
768
- color: white;
769
- text-shadow: 0 0 0.125rem #004d00;
770
- background-color: green;
771
- }
772
- .bg-themed-scheme-xxxl-info {
773
- color: black;
774
- text-shadow: 0 0 0.125rem #ffd324;
775
- background-color: #ffdd57;
776
- }
777
- .bg-themed-scheme-xxxl-warning {
778
- color: black;
779
- text-shadow: 0 0 0.125rem #b49104;
780
- background-color: #e6b905;
781
- }
782
- .bg-themed-scheme-xxxl-alert {
783
- color: black;
784
- text-shadow: 0 0 0.125rem #cc5c00;
785
- background-color: #ff7300;
786
- }
787
- .bg-themed-scheme-xxxl-error {
788
- color: white;
789
- text-shadow: 0 0 0.125rem #cc0000;
790
- background-color: red;
791
- }
792
-
793
- /**
794
- bg-themed ?
795
- */
796
- .bg-themed-gray-xxxl-100 {
797
- color: black;
798
- text-shadow: 0 0 0.125rem #dbdbdb;
799
- background-color: #f4f4f4;
800
- }
801
- .bg-themed-gray-xxxl-200 {
802
- color: black;
803
- text-shadow: 0 0 0.125rem #d0d0d0;
804
- background-color: #e9e9e9;
805
- }
806
- .bg-themed-gray-xxxl-300 {
807
- color: black;
808
- text-shadow: 0 0 0.125rem #c4c4c4;
809
- background-color: #dddddd;
810
- }
811
- .bg-themed-gray-xxxl-400 {
812
- color: black;
813
- text-shadow: 0 0 0.125rem #b9b9b9;
814
- background-color: #d2d2d2;
815
- }
816
- .bg-themed-gray-xxxl-500 {
817
- color: black;
818
- text-shadow: 0 0 0.125rem #aeaeae;
819
- background-color: #c7c7c7;
820
- }
821
- .bg-themed-gray-xxxl-600 {
822
- color: black;
823
- text-shadow: 0 0 0.125rem #a2a2a2;
824
- background-color: #bbbbbb;
825
- }
826
- .bg-themed-gray-xxxl-700 {
827
- color: black;
828
- text-shadow: 0 0 0.125rem #979797;
829
- background-color: #b0b0b0;
830
- }
831
- .bg-themed-gray-xxxl-800 {
832
- color: black;
833
- text-shadow: 0 0 0.125rem #8b8b8b;
834
- background-color: #a4a4a4;
835
- }
836
- .bg-themed-gray-xxxl-900 {
837
- color: black;
838
- text-shadow: 0 0 0.125rem gray;
839
- background-color: #999999;
840
- }
841
-
842
- /**
843
- border-color ?
844
- */
845
- .border-color-palette-xxxl-yellow {
846
- border-color: #cc9400 !important;
847
- }
848
- .border-color-palette-xxxl-orange {
849
- border-color: #a52d01 !important;
850
- }
851
- .border-color-palette-xxxl-red {
852
- border-color: #ab272a !important;
853
- }
854
- .border-color-palette-xxxl-magenta {
855
- border-color: #810071 !important;
856
- }
857
- .border-color-palette-xxxl-purple {
858
- border-color: #43216a !important;
859
- }
860
- .border-color-palette-xxxl-green {
861
- border-color: #0a4f0a !important;
862
- }
863
- .border-color-palette-xxxl-teal {
864
- border-color: #004f45 !important;
865
- }
866
- .border-color-palette-xxxl-blue {
867
- border-color: #005ba1 !important;
868
- }
869
- .border-color-palette-xxxl-dark {
870
- border-color: #191919 !important;
871
- }
872
-
873
- /**
874
- border-color ?
875
- */
876
- .border-color-scheme-xxxl-discrete {
877
- border-color: #b3b3b3 !important;
878
- }
879
- .border-color-scheme-xxxl-success {
880
- border-color: #004d00 !important;
881
- }
882
- .border-color-scheme-xxxl-info {
883
- border-color: #ffd324 !important;
884
- }
885
- .border-color-scheme-xxxl-warning {
886
- border-color: #b49104 !important;
887
- }
888
- .border-color-scheme-xxxl-alert {
889
- border-color: #cc5c00 !important;
890
- }
891
- .border-color-scheme-xxxl-error {
892
- border-color: #cc0000 !important;
893
- }
894
-
895
- /**
896
- border-color ?
897
- */
898
- .border-color-gray-xxxl-100 {
899
- border-color: #dbdbdb !important;
900
- }
901
- .border-color-gray-xxxl-200 {
902
- border-color: #d0d0d0 !important;
903
- }
904
- .border-color-gray-xxxl-300 {
905
- border-color: #c4c4c4 !important;
906
- }
907
- .border-color-gray-xxxl-400 {
908
- border-color: #b9b9b9 !important;
909
- }
910
- .border-color-gray-xxxl-500 {
911
- border-color: #aeaeae !important;
912
- }
913
- .border-color-gray-xxxl-600 {
914
- border-color: #a2a2a2 !important;
915
- }
916
- .border-color-gray-xxxl-700 {
917
- border-color: #979797 !important;
918
- }
919
- .border-color-gray-xxxl-800 {
920
- border-color: #8b8b8b !important;
921
- }
922
- .border-color-gray-xxxl-900 {
923
- border-color: gray !important;
924
- }
925
- }
926
- @media only screen and (max-width: 120rem) {
1
+ @media only screen and (max-width: 1300px) {
927
2
  /**
928
3
  color ?
929
4
  */
@@ -1848,7 +923,7 @@
1848
923
  border-color: gray !important;
1849
924
  }
1850
925
  }
1851
- @media only screen and (max-width: 90rem) {
926
+ @media only screen and (max-width: 1200px) {
1852
927
  /**
1853
928
  color ?
1854
929
  */
@@ -2773,7 +1848,7 @@
2773
1848
  border-color: gray !important;
2774
1849
  }
2775
1850
  }
2776
- @media only screen and (max-width: 64rem) {
1851
+ @media only screen and (max-width: 960px) {
2777
1852
  /**
2778
1853
  color ?
2779
1854
  */
@@ -3698,7 +2773,7 @@
3698
2773
  border-color: gray !important;
3699
2774
  }
3700
2775
  }
3701
- @media only screen and (max-width: 48rem) {
2776
+ @media only screen and (max-width: 760px) {
3702
2777
  /**
3703
2778
  color ?
3704
2779
  */
@@ -4623,7 +3698,7 @@
4623
3698
  border-color: gray !important;
4624
3699
  }
4625
3700
  }
4626
- @media only screen and (max-width: 35.7rem) {
3701
+ @media only screen and (max-width: 0px) {
4627
3702
  /**
4628
3703
  color ?
4629
3704
  */