@medyll/cssfabric 0.0.12 → 0.0.16

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 (76) hide show
  1. package/.idea/cssfabric.iml +1 -4
  2. package/bin/index.js +2 -0
  3. package/css/mystyles.css +280 -0
  4. package/css/mystyles.css.map +1 -0
  5. package/lib/scripts/index.d.ts +2 -0
  6. package/lib/scripts/index.js +6 -0
  7. package/lib/styles/core/box/box.css +832 -832
  8. package/lib/styles/core/box/box.min.css +1 -1
  9. package/lib/styles/core/box/box.responsive.css +4165 -6430
  10. package/lib/styles/core/box/box.responsive.min.css +1 -1
  11. package/lib/styles/core/color/color.css +36 -36
  12. package/lib/styles/core/color/color.min.css +1 -1
  13. package/lib/styles/core/color/color.responsive.css +185 -1110
  14. package/lib/styles/core/color/color.responsive.min.css +1 -1
  15. package/lib/styles/core/flex/flex.css +56 -72
  16. package/lib/styles/core/flex/flex.min.css +1 -1
  17. package/lib/styles/core/flex/flex.responsive.css +286 -508
  18. package/lib/styles/core/flex/flex.responsive.min.css +1 -1
  19. package/lib/styles/core/grid/grid.css +103 -34
  20. package/lib/styles/core/grid/grid.min.css +1 -1
  21. package/lib/styles/core/grid/grid.responsive.css +506 -213
  22. package/lib/styles/core/grid/grid.responsive.min.css +1 -1
  23. package/lib/styles/core/menu/menu.responsive.css +5 -86
  24. package/lib/styles/core/menu/menu.responsive.min.css +1 -1
  25. package/lib/styles/core/overflow/overflow.responsive.css +5 -66
  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.responsive.css +5 -79
  32. package/lib/styles/core/table/table.responsive.min.css +1 -1
  33. package/lib/styles/core/text/text.responsive.css +5 -154
  34. package/lib/styles/core/text/text.responsive.min.css +1 -1
  35. package/lib/styles/core/vars.css +47 -47
  36. package/lib/styles/core/vars.min.css +1 -1
  37. package/lib/styles/core/zindex/zindex.css +16 -252
  38. package/lib/styles/core/zindex/zindex.min.css +1 -1
  39. package/lib/styles/cssfabric.css +1277 -3723
  40. package/lib/styles/cssfabric.min.css +7 -7
  41. package/lib/styles/cssfabric.responsive.css +13007 -17132
  42. package/lib/styles/cssfabric.responsive.min.css +9 -9
  43. package/package.json +6 -4
  44. package/src/_generated/export.variables.json +28 -24
  45. package/src/_generated/readme.md +0 -0
  46. package/src/cssfabric/_utils.scss +4 -16
  47. package/src/cssfabric/modules/_cssfabric-config.scss +14 -13
  48. package/src/cssfabric/modules/animation/animation.scss +2 -2
  49. package/src/cssfabric/modules/base/_base-vars.scss +4 -2
  50. package/src/cssfabric/modules/box/_box-build.scss +2 -2
  51. package/src/cssfabric/modules/box/box-responsive.scss +1 -1
  52. package/src/cssfabric/modules/color/_color-build.scss +1 -1
  53. package/src/cssfabric/modules/color/color.scss +8 -2
  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.scss +4 -1
  59. package/src/cssfabric/modules/menu/menu.scss +5 -2
  60. package/src/cssfabric/modules/overflow/overflow.scss +2 -0
  61. package/src/cssfabric/modules/scale/_scale-build.scss +1 -1
  62. package/src/cssfabric/modules/scale/scale.scss +5 -0
  63. package/src/cssfabric/modules/table/table.scss +7 -2
  64. package/src/cssfabric/modules/text/text.scss +3 -2
  65. package/src/cssfabric/modules/theme/_theme-build.scss +4 -5
  66. package/src/cssfabric/modules/theme/_theme-vars.scss +11 -3
  67. package/src/cssfabric/modules/theme/theme.scss +2 -1
  68. package/src/cssfabric/modules/vars.scss +5 -7
  69. package/src/cssfabric/modules/zindex/_zindex-vars.scss +8 -13
  70. package/src/cssfabric/modules/zindex/zindex.scss +6 -9
  71. package/src/scripts/index.d.ts +2 -0
  72. package/src/scripts/index.ts +8 -0
  73. package/.idea/codeStyles/codeStyleConfig.xml +0 -5
  74. package/lib/styles/core/main.css +0 -2263
  75. package/src/cssfabric/modules/animation/_animation-build.scss +0 -121
  76. package/src/cssfabric/modules/main.scss +0 -3
package/lib/styles/core/vars.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --theme-color-primary-alpha-mid: rgba(2, 136, 209, 0.3);
13
13
  --theme-color-primary-alpha-high: rgba(2, 136, 209, 0.1);
14
14
  /* theme secondary colors*/
15
- --theme-color-secondary: #d14b02;
15
+ --theme-color-secondary: #D14B02;
16
16
  --theme-color-secondary-light: #fd7023;
17
17
  --theme-color-secondary-lighter: #fea16e;
18
18
  --theme-color-secondary-dark: #9e3902;
@@ -23,22 +23,22 @@
23
23
  --theme-color-secondary-alpha-mid: rgba(209, 75, 2, 0.3);
24
24
  --theme-color-secondary-alpha-high: rgba(209, 75, 2, 0.1);
25
25
  /* theme tertiary colors*/
26
- --theme-color-tertiary: #2eb4fd;
27
- --theme-color-tertiary-light: #7acffe;
28
- --theme-color-tertiary-lighter: #c6eafe;
29
- --theme-color-tertiary-dark: #02a0f6;
30
- --theme-color-tertiary-darker: #027fc3;
31
- --theme-color-tertiary-complement: #fd772e;
32
- --theme-color-tertiary-invert: #d14b02;
33
- --theme-color-tertiary-alpha-low: rgba(46, 180, 253, 0.8);
34
- --theme-color-tertiary-alpha-mid: rgba(46, 180, 253, 0.3);
35
- --theme-color-tertiary-alpha-high: rgba(46, 180, 253, 0.1);
26
+ --theme-color-tertiary: #88D102;
27
+ --theme-color-tertiary-light: #b0fd23;
28
+ --theme-color-tertiary-lighter: #cbfe6e;
29
+ --theme-color-tertiary-dark: #679e02;
30
+ --theme-color-tertiary-darker: #466c01;
31
+ --theme-color-tertiary-complement: #4b02d1;
32
+ --theme-color-tertiary-invert: #772efd;
33
+ --theme-color-tertiary-alpha-low: rgba(136, 209, 2, 0.8);
34
+ --theme-color-tertiary-alpha-mid: rgba(136, 209, 2, 0.3);
35
+ --theme-color-tertiary-alpha-high: rgba(136, 209, 2, 0.1);
36
36
  --theme-color-foreground: #282230;
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;
@@ -189,38 +189,38 @@
189
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
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
191
  /* 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;
192
+ --box-unit-1: 0.5rem;
193
+ --box-unit-2: 1rem;
194
+ --box-unit-3: 1.5rem;
195
+ --box-unit-4: 2rem;
196
+ --box-unit-5: 2.5rem;
197
+ --box-unit-6: 3rem;
198
+ --box-unit-7: 3.5rem;
199
+ --box-unit-8: 4rem;
200
+ --box-unit-9: 4.5rem;
201
+ --box-unit-10: 5rem;
202
+ --box-unit-11: 5.5rem;
203
+ --box-unit-12: 6rem;
204
+ --box-unit-13: 6.5rem;
205
+ --box-unit-14: 7rem;
206
+ --box-unit-15: 7.5rem;
207
+ --box-unit-16: 8rem;
208
+ --box-unit-17: 8.5rem;
209
+ --box-unit-18: 9rem;
210
+ --box-unit-19: 9.5rem;
211
+ --box-unit-20: 10rem;
212
+ --box-unit-21: 10.5rem;
213
+ --box-unit-22: 11rem;
214
+ --box-unit-23: 11.5rem;
215
+ --box-unit-24: 12rem;
216
+ --box-unit-25: 12.5rem;
217
+ --box-unit-26: 13rem;
218
+ --box-unit-27: 13.5rem;
219
+ --box-unit-28: 14rem;
220
+ --box-unit-29: 14.5rem;
221
+ --box-unit-30: 15rem;
222
+ --box-unit-31: 15.5rem;
223
+ --box-unit-32: 16rem;
224
224
  /* text */
225
225
  /*Hs*/
226
226
  --font-size-h1: 3.1rem;
@@ -273,6 +273,6 @@
273
273
  --theme-color-text: #f1f1f1;
274
274
  --theme-color-background: #27323a;
275
275
  --theme-color-paper: #3a3b3b;
276
- --theme-color-border: var(--theme-color-primary-alpha-mid);
277
- --theme-color-overlay: "";
276
+ --theme-color-border: rgba(255, 255, 255, 0.2);
277
+ --theme-color-overlay: rgba(255,255,255,0.1);
278
278
  }
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:#2eb4fd;--theme-color-tertiary-light:#7acffe;--theme-color-tertiary-lighter:#c6eafe;--theme-color-tertiary-dark:#02a0f6;--theme-color-tertiary-darker:#027fc3;--theme-color-tertiary-complement:#fd772e;--theme-color-tertiary-invert:#d14b02;--theme-color-tertiary-alpha-low:rgba(46, 180, 253, 0.8);--theme-color-tertiary-alpha-mid:rgba(46, 180, 253, 0.3);--theme-color-tertiary-alpha-high:rgba(46, 180, 253, 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-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-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)}
package/lib/styles/core/zindex/zindex.css CHANGED
@@ -1,279 +1,43 @@
1
- .zI-a-0 {
2
- z-index: 110;
1
+ .zI-0 {
2
+ z-index: 0;
3
3
  }
4
4
 
5
- .zI-a-1 {
6
- z-index: 120;
5
+ .zI-1 {
6
+ z-index: 100;
7
7
  }
8
8
 
9
- .zI-a-2 {
10
- z-index: 130;
11
- }
12
-
13
- .zI-a-3 {
14
- z-index: 140;
15
- }
16
-
17
- .zI-a-4 {
18
- z-index: 150;
19
- }
20
-
21
- .zI-a-5 {
22
- z-index: 160;
23
- }
24
-
25
- .zI-a-6 {
26
- z-index: 170;
27
- }
28
-
29
- .zI-a-7 {
30
- z-index: 180;
31
- }
32
-
33
- .zI-a-8 {
34
- z-index: 190;
35
- }
36
-
37
- .zI-a-9 {
9
+ .zI-2 {
38
10
  z-index: 200;
39
11
  }
40
12
 
41
- .zI-b-0 {
42
- z-index: 210;
43
- }
44
-
45
- .zI-b-1 {
46
- z-index: 220;
47
- }
48
-
49
- .zI-b-2 {
50
- z-index: 230;
51
- }
52
-
53
- .zI-b-3 {
54
- z-index: 240;
55
- }
56
-
57
- .zI-b-4 {
58
- z-index: 250;
59
- }
60
-
61
- .zI-b-5 {
62
- z-index: 260;
63
- }
64
-
65
- .zI-b-6 {
66
- z-index: 270;
67
- }
68
-
69
- .zI-b-7 {
70
- z-index: 280;
71
- }
72
-
73
- .zI-b-8 {
74
- z-index: 290;
75
- }
76
-
77
- .zI-b-9 {
13
+ .zI-3 {
78
14
  z-index: 300;
79
15
  }
80
16
 
81
- .zI-c-0 {
82
- z-index: 310;
83
- }
84
-
85
- .zI-c-1 {
86
- z-index: 320;
87
- }
88
-
89
- .zI-c-2 {
90
- z-index: 330;
91
- }
92
-
93
- .zI-c-3 {
94
- z-index: 340;
95
- }
96
-
97
- .zI-c-4 {
98
- z-index: 350;
99
- }
100
-
101
- .zI-c-5 {
102
- z-index: 360;
103
- }
104
-
105
- .zI-c-6 {
106
- z-index: 370;
107
- }
108
-
109
- .zI-c-7 {
110
- z-index: 380;
111
- }
112
-
113
- .zI-c-8 {
114
- z-index: 390;
115
- }
116
-
117
- .zI-c-9 {
17
+ .zI-4 {
118
18
  z-index: 400;
119
19
  }
120
20
 
121
- .zI-d-0 {
122
- z-index: 410;
123
- }
124
-
125
- .zI-d-1 {
126
- z-index: 420;
127
- }
128
-
129
- .zI-d-2 {
130
- z-index: 430;
131
- }
132
-
133
- .zI-d-3 {
134
- z-index: 440;
135
- }
136
-
137
- .zI-d-4 {
138
- z-index: 450;
139
- }
140
-
141
- .zI-d-5 {
142
- z-index: 460;
143
- }
144
-
145
- .zI-d-6 {
146
- z-index: 470;
147
- }
148
-
149
- .zI-d-7 {
150
- z-index: 480;
151
- }
152
-
153
- .zI-d-8 {
154
- z-index: 490;
155
- }
156
-
157
- .zI-d-9 {
21
+ .zI-5 {
158
22
  z-index: 500;
159
23
  }
160
24
 
161
- .zI-e-0 {
162
- z-index: 510;
163
- }
164
-
165
- .zI-e-1 {
166
- z-index: 520;
167
- }
168
-
169
- .zI-e-2 {
170
- z-index: 530;
171
- }
172
-
173
- .zI-e-3 {
174
- z-index: 540;
175
- }
176
-
177
- .zI-e-4 {
178
- z-index: 550;
179
- }
180
-
181
- .zI-e-5 {
182
- z-index: 560;
183
- }
184
-
185
- .zI-e-6 {
186
- z-index: 570;
187
- }
188
-
189
- .zI-e-7 {
190
- z-index: 580;
191
- }
192
-
193
- .zI-e-8 {
194
- z-index: 590;
195
- }
196
-
197
- .zI-e-9 {
25
+ .zI-6 {
198
26
  z-index: 600;
199
27
  }
200
28
 
201
- .zI-f-0 {
202
- z-index: 610;
203
- }
204
-
205
- .zI-f-1 {
206
- z-index: 620;
207
- }
208
-
209
- .zI-f-2 {
210
- z-index: 630;
211
- }
212
-
213
- .zI-f-3 {
214
- z-index: 640;
215
- }
216
-
217
- .zI-f-4 {
218
- z-index: 650;
219
- }
220
-
221
- .zI-f-5 {
222
- z-index: 660;
223
- }
224
-
225
- .zI-f-6 {
226
- z-index: 670;
227
- }
228
-
229
- .zI-f-7 {
230
- z-index: 680;
231
- }
232
-
233
- .zI-f-8 {
234
- z-index: 690;
235
- }
236
-
237
- .zI-f-9 {
29
+ .zI-7 {
238
30
  z-index: 700;
239
31
  }
240
32
 
241
- .zI-g-0 {
242
- z-index: 710;
243
- }
244
-
245
- .zI-g-1 {
246
- z-index: 720;
247
- }
248
-
249
- .zI-g-2 {
250
- z-index: 730;
251
- }
252
-
253
- .zI-g-3 {
254
- z-index: 740;
255
- }
256
-
257
- .zI-g-4 {
258
- z-index: 750;
259
- }
260
-
261
- .zI-g-5 {
262
- z-index: 760;
263
- }
264
-
265
- .zI-g-6 {
266
- z-index: 770;
267
- }
268
-
269
- .zI-g-7 {
270
- z-index: 780;
33
+ .zI-8 {
34
+ z-index: 800;
271
35
  }
272
36
 
273
- .zI-g-8 {
274
- z-index: 790;
37
+ .zI-9 {
38
+ z-index: 900;
275
39
  }
276
40
 
277
- .zI-g-9 {
278
- z-index: 800;
41
+ .zI-10 {
42
+ z-index: 1000;
279
43
  }
package/lib/styles/core/zindex/zindex.min.css CHANGED
@@ -1 +1 @@
1
- .zI-a-0{z-index:110}.zI-a-1{z-index:120}.zI-a-2{z-index:130}.zI-a-3{z-index:140}.zI-a-4{z-index:150}.zI-a-5{z-index:160}.zI-a-6{z-index:170}.zI-a-7{z-index:180}.zI-a-8{z-index:190}.zI-a-9{z-index:200}.zI-b-0{z-index:210}.zI-b-1{z-index:220}.zI-b-2{z-index:230}.zI-b-3{z-index:240}.zI-b-4{z-index:250}.zI-b-5{z-index:260}.zI-b-6{z-index:270}.zI-b-7{z-index:280}.zI-b-8{z-index:290}.zI-b-9{z-index:300}.zI-c-0{z-index:310}.zI-c-1{z-index:320}.zI-c-2{z-index:330}.zI-c-3{z-index:340}.zI-c-4{z-index:350}.zI-c-5{z-index:360}.zI-c-6{z-index:370}.zI-c-7{z-index:380}.zI-c-8{z-index:390}.zI-c-9{z-index:400}.zI-d-0{z-index:410}.zI-d-1{z-index:420}.zI-d-2{z-index:430}.zI-d-3{z-index:440}.zI-d-4{z-index:450}.zI-d-5{z-index:460}.zI-d-6{z-index:470}.zI-d-7{z-index:480}.zI-d-8{z-index:490}.zI-d-9{z-index:500}.zI-e-0{z-index:510}.zI-e-1{z-index:520}.zI-e-2{z-index:530}.zI-e-3{z-index:540}.zI-e-4{z-index:550}.zI-e-5{z-index:560}.zI-e-6{z-index:570}.zI-e-7{z-index:580}.zI-e-8{z-index:590}.zI-e-9{z-index:600}.zI-f-0{z-index:610}.zI-f-1{z-index:620}.zI-f-2{z-index:630}.zI-f-3{z-index:640}.zI-f-4{z-index:650}.zI-f-5{z-index:660}.zI-f-6{z-index:670}.zI-f-7{z-index:680}.zI-f-8{z-index:690}.zI-f-9{z-index:700}.zI-g-0{z-index:710}.zI-g-1{z-index:720}.zI-g-2{z-index:730}.zI-g-3{z-index:740}.zI-g-4{z-index:750}.zI-g-5{z-index:760}.zI-g-6{z-index:770}.zI-g-7{z-index:780}.zI-g-8{z-index:790}.zI-g-9{z-index:800}
1
+ .zI-0{z-index:0}.zI-1{z-index:100}.zI-2{z-index:200}.zI-3{z-index:300}.zI-4{z-index:400}.zI-5{z-index:500}.zI-6{z-index:600}.zI-7{z-index:700}.zI-8{z-index:800}.zI-9{z-index:900}.zI-10{z-index:1000}