@medyll/cssfabric 0.0.16 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bin/index.js +6 -1
- package/gulpfile.js +3 -15
- package/lib/styles/core/box/box.css +206 -20
- package/lib/styles/core/box/box.min.css +1 -1
- package/lib/styles/core/box/box.responsive.css +1030 -100
- package/lib/styles/core/box/box.responsive.min.css +1 -1
- package/lib/styles/core/vars.css +1 -5
- package/lib/styles/core/vars.min.css +1 -1
- package/lib/styles/cssfabric.css +207 -25
- package/lib/styles/cssfabric.min.css +2 -2
- package/lib/styles/cssfabric.responsive.css +1030 -100
- package/lib/styles/cssfabric.responsive.min.css +1 -1
- package/package.json +10 -10
- package/src/_generated/export.variables.json +187 -187
- package/src/cssfabric/modules/_cssfabric-config.scss +3 -0
- package/src/cssfabric/modules/box/_box-build.scss +55 -2
- package/src/cssfabric/modules/box/_box-vars.scss +1 -1
- package/src/cssfabric/modules/vars.scss +1 -1
- package/css/mystyles.css +0 -280
- package/css/mystyles.css.map +0 -1
package/lib/styles/core/vars.css
CHANGED
|
@@ -183,12 +183,8 @@
|
|
|
183
183
|
--box-shad-3: 0 2.5px 5.1724137931px 0 rgba(0, 0, 0, 0.15), 0 0.4580152672px 1.3953488372px 0 rgba(0, 0, 0, 0.1);
|
|
184
184
|
--box-shad-4: 0 3.3333333333px 6.8965517241px 0 rgba(0, 0, 0, 0.15), 0 0.6106870229px 1.8604651163px 0 rgba(0, 0, 0, 0.1);
|
|
185
185
|
--box-shad-5: 0 4.1666666667px 8.6206896552px 0 rgba(0, 0, 0, 0.15), 0 0.7633587786px 2.3255813953px 0 rgba(0, 0, 0, 0.1);
|
|
186
|
-
--box-shad-6: 0 5px 10.3448275862px 0 rgba(0, 0, 0, 0.15), 0 0.9160305344px 2.7906976744px 0 rgba(0, 0, 0, 0.1);
|
|
187
|
-
--box-shad-7: 0 5.8333333333px 12.0689655172px 0 rgba(0, 0, 0, 0.15), 0 1.0687022901px 3.2558139535px 0 rgba(0, 0, 0, 0.1);
|
|
188
|
-
--box-shad-8: 0 6.6666666667px 13.7931034483px 0 rgba(0, 0, 0, 0.15), 0 1.2213740458px 3.7209302326px 0 rgba(0, 0, 0, 0.1);
|
|
189
|
-
--box-shad-9: 0 7.5px 15.5172413793px 0 rgba(0, 0, 0, 0.15), 0 1.3740458015px 4.1860465116px 0 rgba(0, 0, 0, 0.1);
|
|
190
|
-
--box-shad-10: 0 8.3333333333px 17.2413793103px 0 rgba(0, 0, 0, 0.15), 0 1.5267175573px 4.6511627907px 0 rgba(0, 0, 0, 0.1);
|
|
191
186
|
/* boxes */
|
|
187
|
+
--box-unit-0: 0rem;
|
|
192
188
|
--box-unit-1: 0.5rem;
|
|
193
189
|
--box-unit-2: 1rem;
|
|
194
190
|
--box-unit-3: 1.5rem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--theme-color-primary:#0288d1;--theme-color-primary-light:#23b0fd;--theme-color-primary-lighter:#6ecbfe;--theme-color-primary-dark:#02679e;--theme-color-primary-darker:#01466c;--theme-color-primary-complement:#d14b02;--theme-color-primary-invert:#fd772e;--theme-color-primary-alpha-low:rgba(2, 136, 209, 0.8);--theme-color-primary-alpha-mid:rgba(2, 136, 209, 0.3);--theme-color-primary-alpha-high:rgba(2, 136, 209, 0.1);--theme-color-secondary:#D14B02;--theme-color-secondary-light:#fd7023;--theme-color-secondary-lighter:#fea16e;--theme-color-secondary-dark:#9e3902;--theme-color-secondary-darker:#6c2701;--theme-color-secondary-complement:#0288d1;--theme-color-secondary-invert:#2eb4fd;--theme-color-secondary-alpha-low:rgba(209, 75, 2, 0.8);--theme-color-secondary-alpha-mid:rgba(209, 75, 2, 0.3);--theme-color-secondary-alpha-high:rgba(209, 75, 2, 0.1);--theme-color-tertiary:#88D102;--theme-color-tertiary-light:#b0fd23;--theme-color-tertiary-lighter:#cbfe6e;--theme-color-tertiary-dark:#679e02;--theme-color-tertiary-darker:#466c01;--theme-color-tertiary-complement:#4b02d1;--theme-color-tertiary-invert:#772efd;--theme-color-tertiary-alpha-low:rgba(136, 209, 2, 0.8);--theme-color-tertiary-alpha-mid:rgba(136, 209, 2, 0.3);--theme-color-tertiary-alpha-high:rgba(136, 209, 2, 0.1);--theme-color-foreground:#282230;--theme-color-text:#282230;--theme-color-background:#f1f1f1;--theme-color-paper:#ededed;--theme-color-border: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-
|
|
1
|
+
:root{--theme-color-primary:#0288d1;--theme-color-primary-light:#23b0fd;--theme-color-primary-lighter:#6ecbfe;--theme-color-primary-dark:#02679e;--theme-color-primary-darker:#01466c;--theme-color-primary-complement:#d14b02;--theme-color-primary-invert:#fd772e;--theme-color-primary-alpha-low:rgba(2, 136, 209, 0.8);--theme-color-primary-alpha-mid:rgba(2, 136, 209, 0.3);--theme-color-primary-alpha-high:rgba(2, 136, 209, 0.1);--theme-color-secondary:#D14B02;--theme-color-secondary-light:#fd7023;--theme-color-secondary-lighter:#fea16e;--theme-color-secondary-dark:#9e3902;--theme-color-secondary-darker:#6c2701;--theme-color-secondary-complement:#0288d1;--theme-color-secondary-invert:#2eb4fd;--theme-color-secondary-alpha-low:rgba(209, 75, 2, 0.8);--theme-color-secondary-alpha-mid:rgba(209, 75, 2, 0.3);--theme-color-secondary-alpha-high:rgba(209, 75, 2, 0.1);--theme-color-tertiary:#88D102;--theme-color-tertiary-light:#b0fd23;--theme-color-tertiary-lighter:#cbfe6e;--theme-color-tertiary-dark:#679e02;--theme-color-tertiary-darker:#466c01;--theme-color-tertiary-complement:#4b02d1;--theme-color-tertiary-invert:#772efd;--theme-color-tertiary-alpha-low:rgba(136, 209, 2, 0.8);--theme-color-tertiary-alpha-mid:rgba(136, 209, 2, 0.3);--theme-color-tertiary-alpha-high:rgba(136, 209, 2, 0.1);--theme-color-foreground:#282230;--theme-color-text:#282230;--theme-color-background:#f1f1f1;--theme-color-paper:#ededed;--theme-color-border:rgba(208, 191, 151, 0.3);--theme-color-overlay:rgba(208, 191, 151, 0.2);--color-scheme-discrete:#ccc;--color-scheme-discrete-light:#f2f2f2;--color-scheme-discrete-dark:#b3b3b3;--color-scheme-success:green;--color-scheme-success-light:#00cd00;--color-scheme-success-dark:#004d00;--color-scheme-info:#ffdd57;--color-scheme-info-light:#ffeda3;--color-scheme-info-dark:#ffd324;--color-scheme-warning:#e6b905;--color-scheme-warning-light:#fbd53c;--color-scheme-warning-dark:#b49104;--color-scheme-alert:#ff7300;--color-scheme-alert-light:#ff9d4d;--color-scheme-alert-dark:#cc5c00;--color-scheme-error:red;--color-scheme-error-light:#ff4d4d;--color-scheme-error-dark:#cc0000;--color-palette-yellow:#ffb900;--color-palette-yellow-lighter:#ffe399;--color-palette-yellow-light:#ffce4d;--color-palette-yellow-dark:#cc9400;--color-palette-yellow-darker:#996f00;--color-palette-yellow-complement:#0046ff;--color-palette-yellow-invert:#0046ff;--color-palette-yellow-alpha-low:rgba(255, 185, 0, 0.8);--color-palette-yellow-alpha-mid:rgba(255, 185, 0, 0.3);--color-palette-yellow-alpha-high:rgba(255, 185, 0, 0.1);--color-palette-orange:#d83b01;--color-palette-orange-lighter:#fe9974;--color-palette-orange-light:#fe6127;--color-palette-orange-dark:#a52d01;--color-palette-orange-darker:#721f01;--color-palette-orange-complement:#019ed8;--color-palette-orange-invert:#27c4fe;--color-palette-orange-alpha-low:rgba(216, 59, 1, 0.8);--color-palette-orange-alpha-mid:rgba(216, 59, 1, 0.3);--color-palette-orange-alpha-high:rgba(216, 59, 1, 0.1);--color-palette-red:#d13438;--color-palette-red-lighter:#edb1b2;--color-palette-red-light:#df7275;--color-palette-red-dark:#ab272a;--color-palette-red-darker:#821d20;--color-palette-red-complement:#34d1cd;--color-palette-red-invert:#2ecbc7;--color-palette-red-alpha-low:rgba(209, 52, 56, 0.8);--color-palette-red-alpha-mid:rgba(209, 52, 56, 0.3);--color-palette-red-alpha-high:rgba(209, 52, 56, 0.1);--color-palette-magenta:#b4009e;--color-palette-magenta-lighter:#ff4ee9;--color-palette-magenta-light:#ff02e0;--color-palette-magenta-dark:#810071;--color-palette-magenta-darker:#4e0044;--color-palette-magenta-complement:#00b416;--color-palette-magenta-invert:#4bff61;--color-palette-magenta-alpha-low:rgba(180, 0, 158, 0.8);--color-palette-magenta-alpha-mid:rgba(180, 0, 158, 0.3);--color-palette-magenta-alpha-high:rgba(180, 0, 158, 0.1);--color-palette-purple:#5c2d91;--color-palette-purple-lighter:#a980d7;--color-palette-purple-light:#8145c5;--color-palette-purple-dark:#43216a;--color-palette-purple-darker:#2b1543;--color-palette-purple-complement:#62912d;--color-palette-purple-invert:#a3d26e;--color-palette-purple-alpha-low:rgba(92, 45, 145, 0.8);--color-palette-purple-alpha-mid:rgba(92, 45, 145, 0.3);--color-palette-purple-alpha-high:rgba(92, 45, 145, 0.1);--color-palette-green:#107c10;--color-palette-green-lighter:#3fe63f;--color-palette-green-light:#19c019;--color-palette-green-dark:#0a4f0a;--color-palette-green-darker:#042204;--color-palette-green-complement:#7c107c;--color-palette-green-invert:#ef83ef;--color-palette-green-alpha-low:rgba(16, 124, 16, 0.8);--color-palette-green-alpha-mid:rgba(16, 124, 16, 0.3);--color-palette-green-alpha-high:rgba(16, 124, 16, 0.1);--color-palette-teal:#008272;--color-palette-teal-lighter:#1cffe3;--color-palette-teal-light:#00cfb5;--color-palette-teal-dark:#004f45;--color-palette-teal-darker:#001c19;--color-palette-teal-complement:#820010;--color-palette-teal-invert:#ff7d8d;--color-palette-teal-alpha-low:rgba(0, 130, 114, 0.8);--color-palette-teal-alpha-mid:rgba(0, 130, 114, 0.3);--color-palette-teal-alpha-high:rgba(0, 130, 114, 0.1);--color-palette-blue:#0078d4;--color-palette-blue-lighter:#6ec0ff;--color-palette-blue-light:#229fff;--color-palette-blue-dark:#005ba1;--color-palette-blue-darker:#003e6e;--color-palette-blue-complement:#d45c00;--color-palette-blue-invert:#ff872b;--color-palette-blue-alpha-low:rgba(0, 120, 212, 0.8);--color-palette-blue-alpha-mid:rgba(0, 120, 212, 0.3);--color-palette-blue-alpha-high:rgba(0, 120, 212, 0.1);--color-palette-dark:#323232;--color-palette-dark-lighter:#7f7f7f;--color-palette-dark-light:#585858;--color-palette-dark-dark:#191919;--color-palette-dark-darker:black;--color-palette-dark-complement:#323232;--color-palette-dark-invert:#cdcdcd;--color-palette-dark-alpha-low:rgba(50, 50, 50, 0.8);--color-palette-dark-alpha-mid:rgba(50, 50, 50, 0.3);--color-palette-dark-alpha-high:rgba(50, 50, 50, 0.1);--color-gray-100:#f4f4f4;--color-gray-100-alpha-low:rgba(244, 244, 244, 0.8);--color-gray-200:#e9e9e9;--color-gray-200-alpha-low:rgba(233, 233, 233, 0.8);--color-gray-300:#dddddd;--color-gray-300-alpha-low:rgba(221, 221, 221, 0.8);--color-gray-400:#d2d2d2;--color-gray-400-alpha-low:rgba(210, 210, 210, 0.8);--color-gray-500:#c7c7c7;--color-gray-500-alpha-low:rgba(199, 199, 199, 0.8);--color-gray-600:#bbbbbb;--color-gray-600-alpha-low:rgba(187, 187, 187, 0.8);--color-gray-700:#b0b0b0;--color-gray-700-alpha-low:rgba(176, 176, 176, 0.8);--color-gray-800:#a4a4a4;--color-gray-800-alpha-low:rgba(164, 164, 164, 0.8);--color-gray-900:#999999;--color-gray-900-alpha-low:rgba(153, 153, 153, 0.8);--box-shad-1:0 0.8333333333px 1.724137931px 0 rgba(0, 0, 0, 0.15),0 0.1526717557px 0.4651162791px 0 rgba(0, 0, 0, 0.1);--box-shad-2:0 1.6666666667px 3.4482758621px 0 rgba(0, 0, 0, 0.15),0 0.3053435115px 0.9302325581px 0 rgba(0, 0, 0, 0.1);--box-shad-3:0 2.5px 5.1724137931px 0 rgba(0, 0, 0, 0.15),0 0.4580152672px 1.3953488372px 0 rgba(0, 0, 0, 0.1);--box-shad-4:0 3.3333333333px 6.8965517241px 0 rgba(0, 0, 0, 0.15),0 0.6106870229px 1.8604651163px 0 rgba(0, 0, 0, 0.1);--box-shad-5:0 4.1666666667px 8.6206896552px 0 rgba(0, 0, 0, 0.15),0 0.7633587786px 2.3255813953px 0 rgba(0, 0, 0, 0.1);--box-unit-0:0rem;--box-unit-1:0.5rem;--box-unit-2:1rem;--box-unit-3:1.5rem;--box-unit-4:2rem;--box-unit-5:2.5rem;--box-unit-6:3rem;--box-unit-7:3.5rem;--box-unit-8:4rem;--box-unit-9:4.5rem;--box-unit-10:5rem;--box-unit-11:5.5rem;--box-unit-12:6rem;--box-unit-13:6.5rem;--box-unit-14:7rem;--box-unit-15:7.5rem;--box-unit-16:8rem;--box-unit-17:8.5rem;--box-unit-18:9rem;--box-unit-19:9.5rem;--box-unit-20:10rem;--box-unit-21:10.5rem;--box-unit-22:11rem;--box-unit-23:11.5rem;--box-unit-24:12rem;--box-unit-25:12.5rem;--box-unit-26:13rem;--box-unit-27:13.5rem;--box-unit-28:14rem;--box-unit-29:14.5rem;--box-unit-30:15rem;--box-unit-31:15.5rem;--box-unit-32:16rem;--font-size-h1:3.1rem;--font-size-h2:2.68rem;--font-size-h3:2.26rem;--font-size-h4:1.84rem;--font-size-h5:1.42rem;--font-size-h6:1rem;--font-weight-50:50;--font-weight-100:100;--font-weight-300:400;--font-weight-500:500;--font-weight-900:900;--font-weight-light:lighter;--font-weight-cap:normal;--font-weight-bold:bold;--font-weight-bolder:bolder;--text-shadow-discrete:0 0 0.125em #ccc;--text-shadow-success:0 0 0.125em green;--text-shadow-info:0 0 0.125em #ffdd57;--text-shadow-warning:0 0 0.125em #e6b905;--text-shadow-alert:0 0 0.125em #ff7300;--text-shadow-error:0 0 0.125em red;--text-shadow-yellow:0 0 0.125em #ffb900;--text-shadow-orange:0 0 0.125em #d83b01;--text-shadow-red:0 0 0.125em #d13438;--text-shadow-magenta:0 0 0.125em #b4009e;--text-shadow-purple:0 0 0.125em #5c2d91;--text-shadow-green:0 0 0.125em #107c10;--text-shadow-teal:0 0 0.125em #008272;--text-shadow-blue:0 0 0.125em #0078d4;--text-shadow-dark:0 0 0.125em #323232}[data-theme=dark]{--theme-color-foreground:#f1f1f1;--theme-color-text:#f1f1f1;--theme-color-background:#27323a;--theme-color-paper:#3a3b3b;--theme-color-border:rgba(255, 255, 255, 0.2);--theme-color-overlay:rgba(255,255,255,0.1)}
|
package/lib/styles/cssfabric.css
CHANGED
|
@@ -183,12 +183,8 @@
|
|
|
183
183
|
--box-shad-3: 0 2.5px 5.1724137931px 0 rgba(0, 0, 0, 0.15), 0 0.4580152672px 1.3953488372px 0 rgba(0, 0, 0, 0.1);
|
|
184
184
|
--box-shad-4: 0 3.3333333333px 6.8965517241px 0 rgba(0, 0, 0, 0.15), 0 0.6106870229px 1.8604651163px 0 rgba(0, 0, 0, 0.1);
|
|
185
185
|
--box-shad-5: 0 4.1666666667px 8.6206896552px 0 rgba(0, 0, 0, 0.15), 0 0.7633587786px 2.3255813953px 0 rgba(0, 0, 0, 0.1);
|
|
186
|
-
--box-shad-6: 0 5px 10.3448275862px 0 rgba(0, 0, 0, 0.15), 0 0.9160305344px 2.7906976744px 0 rgba(0, 0, 0, 0.1);
|
|
187
|
-
--box-shad-7: 0 5.8333333333px 12.0689655172px 0 rgba(0, 0, 0, 0.15), 0 1.0687022901px 3.2558139535px 0 rgba(0, 0, 0, 0.1);
|
|
188
|
-
--box-shad-8: 0 6.6666666667px 13.7931034483px 0 rgba(0, 0, 0, 0.15), 0 1.2213740458px 3.7209302326px 0 rgba(0, 0, 0, 0.1);
|
|
189
|
-
--box-shad-9: 0 7.5px 15.5172413793px 0 rgba(0, 0, 0, 0.15), 0 1.3740458015px 4.1860465116px 0 rgba(0, 0, 0, 0.1);
|
|
190
|
-
--box-shad-10: 0 8.3333333333px 17.2413793103px 0 rgba(0, 0, 0, 0.15), 0 1.5267175573px 4.6511627907px 0 rgba(0, 0, 0, 0.1);
|
|
191
186
|
/* boxes */
|
|
187
|
+
--box-unit-0: 0rem;
|
|
192
188
|
--box-unit-1: 0.5rem;
|
|
193
189
|
--box-unit-2: 1rem;
|
|
194
190
|
--box-unit-3: 1.5rem;
|
|
@@ -2723,44 +2719,230 @@ code {
|
|
|
2723
2719
|
margin-top: 0;
|
|
2724
2720
|
}
|
|
2725
2721
|
|
|
2726
|
-
|
|
2727
|
-
|
|
2722
|
+
/*placement*/
|
|
2723
|
+
.top-0 {
|
|
2724
|
+
top: var(--box-unit-0);
|
|
2728
2725
|
}
|
|
2729
2726
|
|
|
2730
|
-
.
|
|
2731
|
-
|
|
2727
|
+
.top-1 {
|
|
2728
|
+
top: var(--box-unit-1);
|
|
2732
2729
|
}
|
|
2733
2730
|
|
|
2734
|
-
.
|
|
2735
|
-
|
|
2731
|
+
.top-2 {
|
|
2732
|
+
top: var(--box-unit-2);
|
|
2736
2733
|
}
|
|
2737
2734
|
|
|
2738
|
-
.
|
|
2739
|
-
|
|
2735
|
+
.top-3 {
|
|
2736
|
+
top: var(--box-unit-3);
|
|
2740
2737
|
}
|
|
2741
2738
|
|
|
2742
|
-
.
|
|
2743
|
-
|
|
2739
|
+
.top-4 {
|
|
2740
|
+
top: var(--box-unit-4);
|
|
2741
|
+
}
|
|
2742
|
+
|
|
2743
|
+
.top-5 {
|
|
2744
|
+
top: var(--box-unit-5);
|
|
2745
|
+
}
|
|
2746
|
+
|
|
2747
|
+
.top-6 {
|
|
2748
|
+
top: var(--box-unit-6);
|
|
2749
|
+
}
|
|
2750
|
+
|
|
2751
|
+
.top-7 {
|
|
2752
|
+
top: var(--box-unit-7);
|
|
2753
|
+
}
|
|
2754
|
+
|
|
2755
|
+
.top-8 {
|
|
2756
|
+
top: var(--box-unit-8);
|
|
2757
|
+
}
|
|
2758
|
+
|
|
2759
|
+
.right-0 {
|
|
2760
|
+
right: var(--box-unit-0);
|
|
2761
|
+
}
|
|
2762
|
+
|
|
2763
|
+
.right-1 {
|
|
2764
|
+
right: var(--box-unit-1);
|
|
2765
|
+
}
|
|
2766
|
+
|
|
2767
|
+
.right-2 {
|
|
2768
|
+
right: var(--box-unit-2);
|
|
2769
|
+
}
|
|
2770
|
+
|
|
2771
|
+
.right-3 {
|
|
2772
|
+
right: var(--box-unit-3);
|
|
2744
2773
|
}
|
|
2745
2774
|
|
|
2746
|
-
.
|
|
2747
|
-
|
|
2775
|
+
.right-4 {
|
|
2776
|
+
right: var(--box-unit-4);
|
|
2748
2777
|
}
|
|
2749
2778
|
|
|
2750
|
-
.
|
|
2751
|
-
|
|
2779
|
+
.right-5 {
|
|
2780
|
+
right: var(--box-unit-5);
|
|
2752
2781
|
}
|
|
2753
2782
|
|
|
2754
|
-
.
|
|
2755
|
-
|
|
2783
|
+
.right-6 {
|
|
2784
|
+
right: var(--box-unit-6);
|
|
2756
2785
|
}
|
|
2757
2786
|
|
|
2758
|
-
.
|
|
2759
|
-
|
|
2787
|
+
.right-7 {
|
|
2788
|
+
right: var(--box-unit-7);
|
|
2760
2789
|
}
|
|
2761
2790
|
|
|
2762
|
-
.
|
|
2763
|
-
|
|
2791
|
+
.right-8 {
|
|
2792
|
+
right: var(--box-unit-8);
|
|
2793
|
+
}
|
|
2794
|
+
|
|
2795
|
+
.bottom-0 {
|
|
2796
|
+
bottom: var(--box-unit-0);
|
|
2797
|
+
}
|
|
2798
|
+
|
|
2799
|
+
.bottom-1 {
|
|
2800
|
+
bottom: var(--box-unit-1);
|
|
2801
|
+
}
|
|
2802
|
+
|
|
2803
|
+
.bottom-2 {
|
|
2804
|
+
bottom: var(--box-unit-2);
|
|
2805
|
+
}
|
|
2806
|
+
|
|
2807
|
+
.bottom-3 {
|
|
2808
|
+
bottom: var(--box-unit-3);
|
|
2809
|
+
}
|
|
2810
|
+
|
|
2811
|
+
.bottom-4 {
|
|
2812
|
+
bottom: var(--box-unit-4);
|
|
2813
|
+
}
|
|
2814
|
+
|
|
2815
|
+
.bottom-5 {
|
|
2816
|
+
bottom: var(--box-unit-5);
|
|
2817
|
+
}
|
|
2818
|
+
|
|
2819
|
+
.bottom-6 {
|
|
2820
|
+
bottom: var(--box-unit-6);
|
|
2821
|
+
}
|
|
2822
|
+
|
|
2823
|
+
.bottom-7 {
|
|
2824
|
+
bottom: var(--box-unit-7);
|
|
2825
|
+
}
|
|
2826
|
+
|
|
2827
|
+
.bottom-8 {
|
|
2828
|
+
bottom: var(--box-unit-8);
|
|
2829
|
+
}
|
|
2830
|
+
|
|
2831
|
+
.left-0 {
|
|
2832
|
+
left: var(--box-unit-0);
|
|
2833
|
+
}
|
|
2834
|
+
|
|
2835
|
+
.left-1 {
|
|
2836
|
+
left: var(--box-unit-1);
|
|
2837
|
+
}
|
|
2838
|
+
|
|
2839
|
+
.left-2 {
|
|
2840
|
+
left: var(--box-unit-2);
|
|
2841
|
+
}
|
|
2842
|
+
|
|
2843
|
+
.left-3 {
|
|
2844
|
+
left: var(--box-unit-3);
|
|
2845
|
+
}
|
|
2846
|
+
|
|
2847
|
+
.left-4 {
|
|
2848
|
+
left: var(--box-unit-4);
|
|
2849
|
+
}
|
|
2850
|
+
|
|
2851
|
+
.left-5 {
|
|
2852
|
+
left: var(--box-unit-5);
|
|
2853
|
+
}
|
|
2854
|
+
|
|
2855
|
+
.left-6 {
|
|
2856
|
+
left: var(--box-unit-6);
|
|
2857
|
+
}
|
|
2858
|
+
|
|
2859
|
+
.left-7 {
|
|
2860
|
+
left: var(--box-unit-7);
|
|
2861
|
+
}
|
|
2862
|
+
|
|
2863
|
+
.left-8 {
|
|
2864
|
+
left: var(--box-unit-8);
|
|
2865
|
+
}
|
|
2866
|
+
|
|
2867
|
+
/*radius*/
|
|
2868
|
+
.radius-tiny {
|
|
2869
|
+
border-radius: 4px;
|
|
2870
|
+
}
|
|
2871
|
+
.radius-tiny-t {
|
|
2872
|
+
border-top-left-radius: 4px;
|
|
2873
|
+
border-top-right-radius: 4px;
|
|
2874
|
+
}
|
|
2875
|
+
.radius-tiny-b {
|
|
2876
|
+
border-bottom-left-radius: 4px;
|
|
2877
|
+
border-bottom-right-radius: 4px;
|
|
2878
|
+
}
|
|
2879
|
+
.radius-tiny-l {
|
|
2880
|
+
border-top-left-radius: 4px;
|
|
2881
|
+
border-bottom-left-radius: 4px;
|
|
2882
|
+
}
|
|
2883
|
+
.radius-tiny-r {
|
|
2884
|
+
border-top-right-radius: 4px;
|
|
2885
|
+
border-bottom-right-radius: 4px;
|
|
2886
|
+
}
|
|
2887
|
+
|
|
2888
|
+
.radius-small {
|
|
2889
|
+
border-radius: 8px;
|
|
2890
|
+
}
|
|
2891
|
+
.radius-small-t {
|
|
2892
|
+
border-top-left-radius: 8px;
|
|
2893
|
+
border-top-right-radius: 8px;
|
|
2894
|
+
}
|
|
2895
|
+
.radius-small-b {
|
|
2896
|
+
border-bottom-left-radius: 8px;
|
|
2897
|
+
border-bottom-right-radius: 8px;
|
|
2898
|
+
}
|
|
2899
|
+
.radius-small-l {
|
|
2900
|
+
border-top-left-radius: 8px;
|
|
2901
|
+
border-bottom-left-radius: 8px;
|
|
2902
|
+
}
|
|
2903
|
+
.radius-small-r {
|
|
2904
|
+
border-top-right-radius: 8px;
|
|
2905
|
+
border-bottom-right-radius: 8px;
|
|
2906
|
+
}
|
|
2907
|
+
|
|
2908
|
+
.radius-medium {
|
|
2909
|
+
border-radius: 16px;
|
|
2910
|
+
}
|
|
2911
|
+
.radius-medium-t {
|
|
2912
|
+
border-top-left-radius: 16px;
|
|
2913
|
+
border-top-right-radius: 16px;
|
|
2914
|
+
}
|
|
2915
|
+
.radius-medium-b {
|
|
2916
|
+
border-bottom-left-radius: 16px;
|
|
2917
|
+
border-bottom-right-radius: 16px;
|
|
2918
|
+
}
|
|
2919
|
+
.radius-medium-l {
|
|
2920
|
+
border-top-left-radius: 16px;
|
|
2921
|
+
border-bottom-left-radius: 16px;
|
|
2922
|
+
}
|
|
2923
|
+
.radius-medium-r {
|
|
2924
|
+
border-top-right-radius: 16px;
|
|
2925
|
+
border-bottom-right-radius: 16px;
|
|
2926
|
+
}
|
|
2927
|
+
|
|
2928
|
+
.shad-1 {
|
|
2929
|
+
box-shadow: var(--box-shad-1);
|
|
2930
|
+
}
|
|
2931
|
+
|
|
2932
|
+
.shad-2 {
|
|
2933
|
+
box-shadow: var(--box-shad-2);
|
|
2934
|
+
}
|
|
2935
|
+
|
|
2936
|
+
.shad-3 {
|
|
2937
|
+
box-shadow: var(--box-shad-3);
|
|
2938
|
+
}
|
|
2939
|
+
|
|
2940
|
+
.shad-4 {
|
|
2941
|
+
box-shadow: var(--box-shad-4);
|
|
2942
|
+
}
|
|
2943
|
+
|
|
2944
|
+
.shad-5 {
|
|
2945
|
+
box-shadow: var(--box-shad-5);
|
|
2764
2946
|
}
|
|
2765
2947
|
/**
|
|
2766
2948
|
color ?
|