Commit
Author: Adam Argyle [atom@argyleink.com]
Hash: bb06a4ddf8e51cf6c07e803a68dafb9f0bc60720
Timestamp: Wed, 27 Oct 2021 04:53:52 +0000 (3 years ago)

+56 -29 +/-28 browse
bundle names include min extension
1diff --git a/animations.min.css b/animations.min.css
2new file mode 100644
3index 0000000..a21db00
4--- /dev/null
5+++ b/animations.min.css
6 @@ -0,0 +1 @@
7+ :where(html){--animation-fade-in:op-fade-in .5s var(--ease-3);--animation-fade-out:op-fade-out .5s var(--ease-3);--animation-scale-up:op-scale-up .5s var(--ease-3);--animation-scale-down:op-scale-down .5s var(--ease-3);--animation-slide-out-up:op-slide-out-up .5s var(--ease-3);--animation-slide-out-down:op-slide-out-down .5s var(--ease-3);--animation-slide-out-right:op-slide-out-right .5s var(--ease-3);--animation-slide-out-left:op-slide-out-left .5s var(--ease-3);--animation-slide-in-up:op-slide-in-up .5s var(--ease-3);--animation-slide-in-down:op-slide-in-down .5s var(--ease-3);--animation-slide-in-right:op-slide-in-right .5s var(--ease-3);--animation-slide-in-left:op-slide-in-left .5s var(--ease-3);--animation-shake-x:op-shake-x .75s var(--ease-out-5);--animation-shake-y:op-shake-y .75s var(--ease-out-5);--animation-spin:op-spin 2s linear infinite;--animation-ping:op-ping 5s var(--ease-out-3) infinite;--animation-blink:op-blink 1s var(--ease-out-3) infinite;--animation-float:op-float 3s var(--ease-inout-3) infinite;--animation-bounce:op-bounce 2s var(--ease-squish-2) infinite;--animation-pulse:op-pulse 2s var(--ease-out-3) infinite}@keyframes op-fade-in{to{opacity:1}}@keyframes op-fade-out{to{opacity:0}}@keyframes op-scale-up{to{transform:scale(1.25)}}@keyframes op-scale-down{to{transform:scale(.75)}}@keyframes op-slide-out-up{to{transform:translateY(-100%)}}@keyframes op-slide-out-down{to{transform:translateY(100%)}}@keyframes op-slide-out-right{to{transform:translateX(100%)}}@keyframes op-slide-out-left{to{transform:translateX(-100%)}}@keyframes op-slide-in-up{0%{transform:translateY(100%)}}@keyframes op-slide-in-down{0%{transform:translateY(-100%)}}@keyframes op-slide-in-right{0%{transform:translateX(-100%)}}@keyframes op-slide-in-left{0%{transform:translateX(100%)}}@keyframes op-shake-x{0%,to{transform:translateX(0)}20%{transform:translateX(-5%)}40%{transform:translateX(5%)}60%{transform:translateX(-5%)}80%{transform:translateX(5%)}}@keyframes op-shake-y{0%,to{transform:translateY(0)}20%{transform:translateY(-5%)}40%{transform:translateY(5%)}60%{transform:translateY(-5%)}80%{transform:translateY(5%)}}@keyframes op-spin{to{transform:rotate(1turn)}}@keyframes op-ping{90%,to{opacity:0;transform:scale(2)}}@keyframes op-blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes op-float{50%{transform:translateY(-25%)}}@keyframes op-bounce{25%{transform:translateY(-20%)}40%{transform:translateY(-3%)}0%,60%,to{transform:translateY(0)}}@keyframes op-pulse{50%{transform:scale(.9)}}
8\ No newline at end of file
9 diff --git a/aspects.min.css b/aspects.min.css
10new file mode 100644
11index 0000000..676f496
12--- /dev/null
13+++ b/aspects.min.css
14 @@ -0,0 +1 @@
15+ :where(html){--ratio-box:1;--ratio-landscape:4/3;--ratio-portrait:3/4;--ratio-widescreen:16/9;--ratio-ultrawide:18/5;--ratio-golden:1.6180/1}
16\ No newline at end of file
17 diff --git a/blue.min.css b/blue.min.css
18new file mode 100644
19index 0000000..c345aa6
20--- /dev/null
21+++ b/blue.min.css
22 @@ -0,0 +1 @@
23+ :where(html){--blue-0:#e7f5ff;--blue-1:#d0ebff;--blue-2:#a5d8ff;--blue-3:#74c0fc;--blue-4:#4dabf7;--blue-5:#339af0;--blue-6:#228be6;--blue-7:#1c7ed6;--blue-8:#1971c2;--blue-9:#1864ab}
24\ No newline at end of file
25 diff --git a/borders.min.css b/borders.min.css
26new file mode 100644
27index 0000000..3b93145
28--- /dev/null
29+++ b/borders.min.css
30 @@ -0,0 +1 @@
31+ :where(html){--border-size-1:1px;--border-size-2:2px;--border-size-3:5px;--border-size-4:10px;--border-size-5:25px;--radius-1:2px;--radius-2:5px;--radius-3:1rem;--radius-4:2rem;--radius-5:4rem;--radius-6:8rem;--radius-round:1e5px;--radius-blob-1:30% 70% 70% 30%/53% 30% 70% 47%;--radius-blob-2:53% 47% 34% 66%/63% 46% 54% 37%;--radius-blob-3:37% 63% 56% 44%/49% 56% 44% 51%;--radius-blob-4:63% 37% 37% 63%/43% 37% 63% 57%;--radius-blob-5:49% 51% 48% 52%/57% 44% 56% 43%;--radius-conditional-1:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-1));--radius-conditional-2:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-2));--radius-conditional-3:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-3));--radius-conditional-4:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-4));--radius-conditional-5:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-5));--radius-conditional-6:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-6))}
32\ No newline at end of file
33 diff --git a/colors.min.css b/colors.min.css
34new file mode 100644
35index 0000000..d681f85
36--- /dev/null
37+++ b/colors.min.css
38 @@ -0,0 +1 @@
39+ :where(html){--gray-0:#f8f9fa;--gray-1:#f1f3f5;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--gray-6:#868e96;--gray-7:#495057;--gray-8:#343a40;--gray-9:#212529;--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d;--grape-0:#f8f0fc;--grape-1:#f3d9fa;--grape-2:#eebefa;--grape-3:#e599f7;--grape-4:#da77f2;--grape-5:#cc5de8;--grape-6:#be4bdb;--grape-7:#ae3ec9;--grape-8:#9c36b5;--grape-9:#862e9c;--violet-0:#f3f0ff;--violet-1:#e5dbff;--violet-2:#d0bfff;--violet-3:#b197fc;--violet-4:#9775fa;--violet-5:#845ef7;--violet-6:#7950f2;--violet-7:#7048e8;--violet-8:#6741d9;--violet-9:#5f3dc4;--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7;--blue-0:#e7f5ff;--blue-1:#d0ebff;--blue-2:#a5d8ff;--blue-3:#74c0fc;--blue-4:#4dabf7;--blue-5:#339af0;--blue-6:#228be6;--blue-7:#1c7ed6;--blue-8:#1971c2;--blue-9:#1864ab;--cyan-0:#e3fafc;--cyan-1:#c5f6fa;--cyan-2:#99e9f2;--cyan-3:#66d9e8;--cyan-4:#3bc9db;--cyan-5:#22b8cf;--cyan-6:#15aabf;--cyan-7:#1098ad;--cyan-8:#0c8599;--cyan-9:#0b7285;--teal-0:#e6fcf5;--teal-1:#c3fae8;--teal-2:#96f2d7;--teal-3:#63e6be;--teal-4:#38d9a9;--teal-5:#20c997;--teal-6:#12b886;--teal-7:#0ca678;--teal-8:#099268;--teal-9:#087f5b;--green-0:#ebfbee;--green-1:#d3f9d8;--green-2:#b2f2bb;--green-3:#8ce99a;--green-4:#69db7c;--green-5:#51cf66;--green-6:#40c057;--green-7:#37b24d;--green-8:#2f9e44;--green-9:#2b8a3e;--lime-0:#f4fce3;--lime-1:#e9fac8;--lime-2:#d8f5a2;--lime-3:#c0eb75;--lime-4:#a9e34b;--lime-5:#94d82d;--lime-6:#82c91e;--lime-7:#74b816;--lime-8:#66a80f;--lime-9:#5c940d;--yellow-0:#fff9db;--yellow-1:#fff3bf;--yellow-2:#ffec99;--yellow-3:#ffe066;--yellow-4:#ffd43b;--yellow-5:#fcc419;--yellow-6:#fab005;--yellow-7:#f59f00;--yellow-8:#f08c00;--yellow-9:#e67700;--orange-0:#fff4e6;--orange-1:#ffe8cc;--orange-2:#ffd8a8;--orange-3:#ffc078;--orange-4:#ffa94d;--orange-5:#ff922b;--orange-6:#fd7e14;--orange-7:#f76707;--orange-8:#e8590c;--orange-9:#d9480f}
40\ No newline at end of file
41 diff --git a/cyan.min.css b/cyan.min.css
42new file mode 100644
43index 0000000..530bd5d
44--- /dev/null
45+++ b/cyan.min.css
46 @@ -0,0 +1 @@
47+ :where(html){--cyan-0:#e3fafc;--cyan-1:#c5f6fa;--cyan-2:#99e9f2;--cyan-3:#66d9e8;--cyan-4:#3bc9db;--cyan-5:#22b8cf;--cyan-6:#15aabf;--cyan-7:#1098ad;--cyan-8:#0c8599;--cyan-9:#0b7285}
48\ No newline at end of file
49 diff --git a/easings.min.css b/easings.min.css
50new file mode 100644
51index 0000000..ddd166c
52--- /dev/null
53+++ b/easings.min.css
54 @@ -0,0 +1 @@
55+ :where(html){--ease-1:cubic-bezier(.25,0,.5,1);--ease-2:cubic-bezier(.25,0,.4,1);--ease-3:cubic-bezier(.25,0,.3,1);--ease-4:cubic-bezier(.25,0,.2,1);--ease-5:cubic-bezier(.25,0,.1,1);--ease-in-1:cubic-bezier(.25,0,1,1);--ease-in-2:cubic-bezier(.50,0,1,1);--ease-in-3:cubic-bezier(.70,0,1,1);--ease-in-4:cubic-bezier(.90,0,1,1);--ease-in-5:cubic-bezier(1,0,1,1);--ease-out-1:cubic-bezier(0,0,.75,1);--ease-out-2:cubic-bezier(0,0,.50,1);--ease-out-3:cubic-bezier(0,0,.3,1);--ease-out-4:cubic-bezier(0,0,.1,1);--ease-out-5:cubic-bezier(0,0,0,1);--ease-in-out-1:cubic-bezier(.1,0,.9,1);--ease-in-out-2:cubic-bezier(.3,0,.7,1);--ease-in-out-3:cubic-bezier(.5,0,.5,1);--ease-in-out-4:cubic-bezier(.7,0,.3,1);--ease-in-out-5:cubic-bezier(.9,0,.1,1);--ease-elastic-1:cubic-bezier(.5,.75,.75,1.25);--ease-elastic-2:cubic-bezier(.5,1,.75,1.25);--ease-elastic-3:cubic-bezier(.5,1.25,.75,1.25);--ease-elastic-4:cubic-bezier(.5,1.5,.75,1.25);--ease-elastic-5:cubic-bezier(.5,1.75,.75,1.25);--ease-squish-1:cubic-bezier(.5,-.1,.1,1.5);--ease-squish-2:cubic-bezier(.5,-.3,.1,1.5);--ease-squish-3:cubic-bezier(.5,-.5,.1,1.5);--ease-squish-4:cubic-bezier(.5,-.7,.1,1.5);--ease-squish-5:cubic-bezier(.5,-.9,.1,1.5);--ease-step-1:steps(2);--ease-step-2:steps(3);--ease-step-3:steps(4);--ease-step-4:steps(7);--ease-step-5:steps(10)}
56\ No newline at end of file
57 diff --git a/fonts.min.css b/fonts.min.css
58new file mode 100644
59index 0000000..82e3f53
60--- /dev/null
61+++ b/fonts.min.css
62 @@ -0,0 +1 @@
63+ :where(html){--font-sans:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font-serif:ui-serif,serif;--font-mono:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace;--font-weight-1:100;--font-weight-2:200;--font-weight-3:300;--font-weight-4:400;--font-weight-5:500;--font-weight-6:600;--font-weight-7:700;--font-weight-8:800;--font-weight-9:900;--font-lineheight-00:.95;--font-lineheight-0:1.1;--font-lineheight-1:1.25;--font-lineheight-2:1.375;--font-lineheight-3:1.5;--font-lineheight-4:1.75;--font-lineheight-5:2;--font-relative-lineheight-1:calc(1rem + 1.1ch);--font-relative-lineheight-2:calc(1rem + 1.25ch);--font-relative-lineheight-3:calc(1rem + 1.5ch);--font-relative-lineheight-4:calc(1rem + 2ch);--font-relative-lineheight-5:calc(1rem + 2.5ch);--font-relative-lineheight-6:calc(1rem + 3ch);--font-letterspacing-0:-.05em;--font-letterspacing-1:.025em;--font-letterspacing-2:.050em;--font-letterspacing-3:.075em;--font-letterspacing-4:.150em;--font-letterspacing-5:.500em;--font-letterspacing-6:.750em;--font-letterspacing-7:1em;--font-size-00:.5rem;--font-size-0:.75rem;--font-size-1:1rem;--font-size-2:1.1rem;--font-size-3:1.25rem;--font-size-4:1.5rem;--font-size-5:2rem;--font-size-6:2.5rem;--font-size-7:3rem;--font-size-8:3.5rem;--font-size-fluid-0:clamp(.75rem,2vw,1rem);--font-size-fluid-1:clamp(1rem,4vw,1.5rem);--font-size-fluid-2:clamp(1.5rem,6vw,2.5rem);--font-size-fluid-3:clamp(2rem,9vw,3.5rem)}
64\ No newline at end of file
65 diff --git a/gradients.min.css b/gradients.min.css
66new file mode 100644
67index 0000000..776367d
68--- /dev/null
69+++ b/gradients.min.css
70 @@ -0,0 +1 @@
71+ :where(html){--op-gradient-direction:to bottom right;--gradient-1:linear-gradient(var(--op-gradient-direction),#1f005c,#5b0060,#870160,#ac255e,#ca485c,#e16b5c,#f39060,#ffb56b);--gradient-2:linear-gradient(var(--op-gradient-direction),#48005c,#8300e2,#a269ff);--gradient-3:radial-gradient(circle at top right,#0ff,rgba(0,255,255,0)),radial-gradient(circle at bottom left,#ff1492,rgba(255,20,146,0));--gradient-4:linear-gradient(var(--op-gradient-direction),#00f5a0,#00d9f5);--gradient-5:conic-gradient(from -270deg at 75%,at 110%,#f0f,#fffaf0);--gradient-5:conic-gradient(from -270deg at 75% 110%,#f0f,#fffaf0);--gradient-6:conic-gradient(from -90deg at top left,#000,#fff);--gradient-7:linear-gradient(var(--op-gradient-direction),#72c6ef,#004e8f);--gradient-8:conic-gradient(from 90deg at 50%,at 0%,#111,50%,#222,#111);--gradient-8:conic-gradient(from 90deg at 50% 0%,#111,50%,#222,#111);--gradient-9:conic-gradient(from .5turn at bottom center,#add8e6,#fff);--gradient-10:conic-gradient(from 90deg at 40%,at -25%,gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--gradient-10:conic-gradient(from 90deg at 40% -25%,gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--gradient-11:conic-gradient(at bottom left,#ff1493,cyan);--gradient-12:conic-gradient(from 90deg at 25%,at -10%,#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--gradient-12:conic-gradient(from 90deg at 25% -10%,#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--gradient-13:radial-gradient(circle at 50%,at 200%,#000142,#3b0083,#b300c3,#ff059f,#ff4661,#ffad86,#fff3c7);--gradient-13:radial-gradient(circle at 50% 200%,#000142,#3b0083,#b300c3,#ff059f,#ff4661,#ffad86,#fff3c7);--gradient-14:conic-gradient(at top right,lime,cyan);--gradient-15:linear-gradient(var(--op-gradient-direction),#c7d2fe,#fecaca,#fef3c7);--gradient-16:radial-gradient(circle at 50%,at -250%,#374151,#111827,#000);--gradient-16:radial-gradient(circle at 50% -250%,#374151,#111827,#000);--gradient-17:conic-gradient(from -90deg at 50%,at -25%,blue,#8a2be2);--gradient-17:conic-gradient(from -90deg at 50% -25%,blue,#8a2be2);--gradient-18:conic-gradient(from .5turn at center left,lime,cyan);--gradient-19:linear-gradient(var(--op-gradient-direction),#ffe259,#ffa751);--gradient-20:conic-gradient(from -135deg at -10% center,orange,#ff7715,#ff522a,#ff3f47,#ff5482,#ff69b4);--gradient-21:conic-gradient(from -90deg at 25%,at 115%,red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--gradient-21:conic-gradient(from -90deg at 25% 115%,red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--gradient-22:linear-gradient(var(--op-gradient-direction),#acb6e5,#86fde8);--gradient-23:linear-gradient(var(--op-gradient-direction),#536976,#292e49);--gradient-24:conic-gradient(from .5turn at 0%,at 0%,#00c476,10%,#82b0ff,90%,#00c476);--gradient-24:conic-gradient(from .5turn at 0% 0%,#00c476,10%,#82b0ff,90%,#00c476);--gradient-25:conic-gradient(at 125%,at 50%,#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7);--gradient-25:conic-gradient(at 125% 50%,#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7);--gradient-26:linear-gradient(var(--op-gradient-direction),#9796f0,#fbc7d4);--gradient-27:conic-gradient(from .5turn at bottom left,#ff1493,#639);--gradient-28:conic-gradient(from -90deg at 50%,at 105%,#fff,orchid);--gradient-28:conic-gradient(from -90deg at 50% 105%,#fff,orchid);--gradient-29:radial-gradient(circle at top right,#bfb3ff,hsl(250 100% 85%/0%)),radial-gradient(circle at bottom left,#86acf9,hsl(220 90% 75%/0%));--gradient-30:radial-gradient(circle at top right,#00ff80,rgba(0,255,128,0)),radial-gradient(circle at bottom left,#adffd6,hsl(150 100% 84%/0%));--noise-1:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-2:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.05' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-3:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.25' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-4:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-5:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-filter-1:contrast(300%) brightness(100%);--noise-filter-2:contrast(200%) brightness(150%);--noise-filter-3:contrast(200%) brightness(250%);--noise-filter-4:contrast(200%) brightness(500%);--noise-filter-5:contrast(200%) brightness(1000%)}
72\ No newline at end of file
73 diff --git a/grape.min.css b/grape.min.css
74new file mode 100644
75index 0000000..9a33d48
76--- /dev/null
77+++ b/grape.min.css
78 @@ -0,0 +1 @@
79+ :where(html){--grape-0:#f8f0fc;--grape-1:#f3d9fa;--grape-2:#eebefa;--grape-3:#e599f7;--grape-4:#da77f2;--grape-5:#cc5de8;--grape-6:#be4bdb;--grape-7:#ae3ec9;--grape-8:#9c36b5;--grape-9:#862e9c}
80\ No newline at end of file
81 diff --git a/gray.min.css b/gray.min.css
82new file mode 100644
83index 0000000..1cfa4d1
84--- /dev/null
85+++ b/gray.min.css
86 @@ -0,0 +1 @@
87+ :where(html){--gray-0:#f8f9fa;--gray-1:#f1f3f5;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--gray-6:#868e96;--gray-7:#495057;--gray-8:#343a40;--gray-9:#212529}
88\ No newline at end of file
89 diff --git a/green.min.css b/green.min.css
90new file mode 100644
91index 0000000..5c0b265
92--- /dev/null
93+++ b/green.min.css
94 @@ -0,0 +1 @@
95+ :where(html){--green-0:#ebfbee;--green-1:#d3f9d8;--green-2:#b2f2bb;--green-3:#8ce99a;--green-4:#69db7c;--green-5:#51cf66;--green-6:#40c057;--green-7:#37b24d;--green-8:#2f9e44;--green-9:#2b8a3e}
96\ No newline at end of file
97 diff --git a/indigo.min.css b/indigo.min.css
98new file mode 100644
99index 0000000..7a06fe0
100--- /dev/null
101+++ b/indigo.min.css
102 @@ -0,0 +1 @@
103+ :where(html){--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7}
104\ No newline at end of file
105 diff --git a/lime.min.css b/lime.min.css
106new file mode 100644
107index 0000000..3abb5e4
108--- /dev/null
109+++ b/lime.min.css
110 @@ -0,0 +1 @@
111+ :where(html){--lime-0:#f4fce3;--lime-1:#e9fac8;--lime-2:#d8f5a2;--lime-3:#c0eb75;--lime-4:#a9e34b;--lime-5:#94d82d;--lime-6:#82c91e;--lime-7:#74b816;--lime-8:#66a80f;--lime-9:#5c940d}
112\ No newline at end of file
113 diff --git a/media.min.css b/media.min.css
114new file mode 100644
115index 0000000..5cd579a
116--- /dev/null
117+++ b/media.min.css
118 @@ -0,0 +1 @@
119+ @custom-media --motionOK (prefers-reduced-motion: no-preference);@custom-media --motionNotOK (prefers-reduced-motion: reduce);@custom-media --opacityOK (prefers-reduced-transparency: no-preference);@custom-media --opacityNotOK (prefers-reduced-transparency: reduce);@custom-media --useDataOK (prefers-reduced-data: no-preference);@custom-media --useDataNotOK (prefers-reduced-data: reduce);@custom-media --OSdark (prefers-color-scheme: dark);@custom-media --OSlight (prefers-color-scheme: light);@custom-media --highContrast (prefers-contrast: high);@custom-media --lowContrast (prefers-contrast: low);@custom-media --portrait (orientation: portrait);@custom-media --landscape (orientation: landscape);@custom-media --HDcolor (dynamic-range: high);@custom-media --xxs-only (min-width: 0px) and (max-width: 240px);@custom-media --xxs-n-above (min-width: 240px);@custom-media --xxs-n-below (max-width: 240px);@custom-media --xxs-phone (--xxs-only) and (--portrait);@custom-media --xs-only (min-width: 240px) and (max-width: 360px);@custom-media --xs-n-above (min-width: 360px);@custom-media --xs-n-below (max-width: 360px);@custom-media --xs-phone (--xs-only) and (--portrait);@custom-media --sm-only (min-width: 360px) and (max-width: 480px);@custom-media --sm-n-above (min-width: 480px);@custom-media --sm-n-below (max-width: 480px);@custom-media --sm-phone (--sm-only) and (--portrait);@custom-media --md-only (min-width: 480px) and (max-width: 768px);@custom-media --md-n-above (min-width: 768px);@custom-media --md-n-below (max-width: 768px);@custom-media --md-phone (--md-only) and (--portrait);@custom-media --lg-only (min-width: 768px) and (max-width: 1024px);@custom-media --lg-n-above (min-width: 1024px);@custom-media --lg-n-below (max-width: 1024px);@custom-media --lg-phone (--lg-only) and (--portrait);@custom-media --xl-only (min-width: 1024px) and (max-width: 1440px);@custom-media --xl-n-above (min-width: 1440px);@custom-media --xl-n-below (max-width: 1440px);@custom-media --xxl-only (min-width: 1440px) and (max-width: 1920px);@custom-media --xxl-n-above (min-width: 1920px);@custom-media --xxl-n-below (max-width: 1920px);
120\ No newline at end of file
121 diff --git a/normalize.min.css b/normalize.min.css
122new file mode 100644
123index 0000000..50233d1
124--- /dev/null
125+++ b/normalize.min.css
126 @@ -0,0 +1 @@
127+ :where(html){--brand:var(--pink-6);--link:var(--indigo-7);--link-visited:var(--grape-7);--text-1:var(--gray-9);--text-2:var(--gray-7);--surface-1:var(--gray-0);--surface-2:var(--gray-2);--surface-3:var(--gray-3);--surface-4:var(--gray-4);--scrollbar-color:var(--gray-7);accent-color:var(--brand);background-color:var(--surface-1);block-size:100%;color:var(--text-2);color-scheme:light;font-family:var(--font-sans);line-height:var(--font-lineheight-3);scrollbar-color:var(--scrollbar-color) transparent}@media (dynamic-range:high){:where(html){--link:color(display-p3 0 .5 1);--link-visited:color(display-p3 .6 .2 1)}}@media (prefers-color-scheme:dark){:where(html){--brand:var(--pink-4);--link:var(--indigo-3);--link-visited:var(--grape-3);--text-1:var(--gray-1);--text-2:var(--gray-2);--surface-1:var(--gray-9);--surface-2:var(--gray-8);--surface-3:var(--gray-7);--surface-4:var(--gray-6);color-scheme:dark}}:where(h1,h2,h3,h4,h5,h6,dt){color:var(--text-1)}:where(a[href]){color:var(--link)}:where(a[href]):visited{color:var(--link-visited)}@media (prefers-color-scheme:light){:where(html){--scrollbar-color:var(--gray-4)}}:focus-visible{outline-color:var(--brand)}*,:after,:before{box-sizing:border-box}*{background-origin:border-box;background-repeat:no-repeat;margin:0}:where(:not(fieldset)){border-style:solid;border-width:0}@media (prefers-reduced-motion:no-preference){:where(html){scroll-behavior:smooth}}@media (prefers-reduced-motion:no-preference){:focus-visible{outline-offset:5px;transition:outline-offset .25s var(--ease-2)}}:where(body){scrollbar-gutter:stable both-edges;min-block-size:100%}:where(h1,h2,h3,h4,h5,h6){font-weight:var(--font-weight-9);line-height:var(--font-relative-lineheight-2)}:where(h1){font-size:var(--font-size-8);max-inline-size:var(--size-header-1)}:where(h2){font-size:var(--font-size-6);max-inline-size:var(--size-header-2)}:where(h3){font-size:var(--font-size-5)}:where(h4){font-size:var(--font-size-4)}:where(h5){font-size:var(--font-size-3)}:where(h3,h4,h5,h6,dt){max-inline-size:var(--size-header-3)}:where(p,ul,ol,dl,h6){font-size:var(--font-size-2)}:where(a,u,ins,abbr){text-underline-offset:1px}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]){cursor:pointer;touch-action:manipulation}:where(a){margin-block:calc(var(--size-1)*-1);margin-inline:calc(var(--size-1)*-1);padding-block:var(--size-1);padding-inline:var(--size-1)}:where(a):where([href]){text-decoration-color:var(--indigo-2)}:where(a):where([href]):where(:visited){text-decoration-color:var(--grape-2)}:where(a):where(:not(:hover)){text-decoration:inherit}:where(button){-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block;vertical-align:middle}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(input,button,textarea,select){color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit}:where(input){padding-block:var(--size-1);padding-inline:var(--size-2)}:where(select){padding-block:var(--size-1);padding-inline:var(--size-2)}:where(textarea){resize:block}:where(input[type=checkbox],input[type=radio]){block-size:var(--size-3);inline-size:var(--size-3)}:where(svg){stroke:none;fill:currentColor}:where(svg):where(:not([fill])){stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}:where(svg):where(:not([width])){inline-size:var(--size-10)}:where(code,kbd,samp,pre){font-family:var(--font-mono)}:where(:not(pre)>code,kbd){white-space:nowrap}:where(pre){max-inline-size:max-content;min-inline-size:0;white-space:pre}:where(:not(pre)>code){background:var(--surface-2);border-radius:var(--radius-2);padding:var(--size-1) var(--size-2)}:where(kbd,var){border-color:var(--surface-4);border-radius:var(--radius-2);border-width:var(--border-size-1);padding:var(--size-1) var(--size-2)}:where(mark){border-radius:var(--radius-2);padding-inline:var(--size-1)}:where(ol,ul){padding-inline-start:var(--size-8)}:where(li){padding-inline-start:var(--size-2)}:where(li,dd,figcaption){max-inline-size:var(--size-content-2)}:where(p){max-inline-size:var(--size-content-3)}:where(dt,summary){font-weight:var(--font-weight-7)}:where(dt:not(:first-of-type)){margin-block-start:var(--size-5)}:where(small){font-size:max(.5em,var(--font-size-0));max-inline-size:var(--size-content-1)}:where(hr){background-color:var(--surface-3);height:var(--border-size-2);margin-block:var(--size-fluid-5)}:where(figure){display:grid;gap:var(--size-2);place-items:center}:where(figure)>:where(figcaption){font-size:var(--font-size-1)}:where(blockquote,:not>cite){border-inline-start-width:var(--border-size-3)}:where(blockquote){display:grid;gap:var(--size-3);max-inline-size:var(--size-content-2);padding-block:var(--size-3);padding-inline:var(--size-4)}:where(:not(blockquote)>cite){padding-inline-start:var(--size-2)}:where(summary){background:var(--surface-3);border-radius:var(--radius-2);margin:calc(var(--size-2)*-1) calc(var(--size-3)*-1);padding:var(--size-2) var(--size-3)}:where(details){background:var(--surface-2);border-radius:var(--radius-2);padding-block:var(--size-2);padding-inline:var(--size-3)}:where(details[open]>summary){border-end-end-radius:0;border-end-start-radius:0;margin-bottom:var(--size-2)}:where(fieldset){border-radius:var(--radius-2)}:where(del){background:var(--red-9);color:var(--red-2)}:where(ins){background:var(--green-9);color:var(--green-1)}:where(abbr){text-decoration-color:var(--blue-5)}
128\ No newline at end of file
129 diff --git a/open-props.min.css b/open-props.min.css
130new file mode 100644
131index 0000000..52f5380
132--- /dev/null
133+++ b/open-props.min.css
134 @@ -0,0 +1 @@
135+ :where(html){--isLTR:1;--isRTL:-1;--font-sans:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font-serif:ui-serif,serif;--font-mono:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace;--font-weight-1:100;--font-weight-2:200;--font-weight-3:300;--font-weight-4:400;--font-weight-5:500;--font-weight-6:600;--font-weight-7:700;--font-weight-8:800;--font-weight-9:900;--font-lineheight-00:.95;--font-lineheight-0:1.1;--font-lineheight-1:1.25;--font-lineheight-2:1.375;--font-lineheight-3:1.5;--font-lineheight-4:1.75;--font-lineheight-5:2;--font-relative-lineheight-1:calc(1rem + 1.1ch);--font-relative-lineheight-2:calc(1rem + 1.25ch);--font-relative-lineheight-3:calc(1rem + 1.5ch);--font-relative-lineheight-4:calc(1rem + 2ch);--font-relative-lineheight-5:calc(1rem + 2.5ch);--font-relative-lineheight-6:calc(1rem + 3ch);--font-letterspacing-0:-.05em;--font-letterspacing-1:.025em;--font-letterspacing-2:.050em;--font-letterspacing-3:.075em;--font-letterspacing-4:.150em;--font-letterspacing-5:.500em;--font-letterspacing-6:.750em;--font-letterspacing-7:1em;--font-size-00:.5rem;--font-size-0:.75rem;--font-size-1:1rem;--font-size-2:1.1rem;--font-size-3:1.25rem;--font-size-4:1.5rem;--font-size-5:2rem;--font-size-6:2.5rem;--font-size-7:3rem;--font-size-8:3.5rem;--font-size-fluid-0:clamp(.75rem,2vw,1rem);--font-size-fluid-1:clamp(1rem,4vw,1.5rem);--font-size-fluid-2:clamp(1.5rem,6vw,2.5rem);--font-size-fluid-3:clamp(2rem,9vw,3.5rem);--size-000:-.5rem;--size-00:-.25rem;--size-1:.25rem;--size-2:.5rem;--size-3:1rem;--size-4:1.25rem;--size-5:1.5rem;--size-6:1.75rem;--size-7:2rem;--size-8:2.5rem;--size-9:3rem;--size-10:3.5rem;--size-11:4rem;--size-12:5rem;--size-13:7rem;--size-14:9rem;--size-15:10rem;--size-fluid-1:clamp(.5rem,1vw,1rem);--size-fluid-2:clamp(1rem,2vw,1.5rem);--size-fluid-3:clamp(1.5rem,3vw,2rem);--size-fluid-4:clamp(2rem,4vw,3rem);--size-fluid-5:clamp(3rem,5vw,4rem);--size-fluid-6:clamp(4rem,6vw,5rem);--size-fluid-7:clamp(5rem,7vw,6rem);--size-fluid-8:clamp(6rem,8vw,7rem);--size-fluid-9:clamp(7rem,9vw,8rem);--size-fluid-10:clamp(8rem,10vw,10rem);--size-content-1:20ch;--size-content-2:45ch;--size-content-3:60ch;--size-header-1:20ch;--size-header-2:25ch;--size-header-3:45rem;--ease-1:cubic-bezier(.25,0,.5,1);--ease-2:cubic-bezier(.25,0,.4,1);--ease-3:cubic-bezier(.25,0,.3,1);--ease-4:cubic-bezier(.25,0,.2,1);--ease-5:cubic-bezier(.25,0,.1,1);--ease-in-1:cubic-bezier(.25,0,1,1);--ease-in-2:cubic-bezier(.50,0,1,1);--ease-in-3:cubic-bezier(.70,0,1,1);--ease-in-4:cubic-bezier(.90,0,1,1);--ease-in-5:cubic-bezier(1,0,1,1);--ease-out-1:cubic-bezier(0,0,.75,1);--ease-out-2:cubic-bezier(0,0,.50,1);--ease-out-3:cubic-bezier(0,0,.3,1);--ease-out-4:cubic-bezier(0,0,.1,1);--ease-out-5:cubic-bezier(0,0,0,1);--ease-in-out-1:cubic-bezier(.1,0,.9,1);--ease-in-out-2:cubic-bezier(.3,0,.7,1);--ease-in-out-3:cubic-bezier(.5,0,.5,1);--ease-in-out-4:cubic-bezier(.7,0,.3,1);--ease-in-out-5:cubic-bezier(.9,0,.1,1);--ease-elastic-1:cubic-bezier(.5,.75,.75,1.25);--ease-elastic-2:cubic-bezier(.5,1,.75,1.25);--ease-elastic-3:cubic-bezier(.5,1.25,.75,1.25);--ease-elastic-4:cubic-bezier(.5,1.5,.75,1.25);--ease-elastic-5:cubic-bezier(.5,1.75,.75,1.25);--ease-squish-1:cubic-bezier(.5,-.1,.1,1.5);--ease-squish-2:cubic-bezier(.5,-.3,.1,1.5);--ease-squish-3:cubic-bezier(.5,-.5,.1,1.5);--ease-squish-4:cubic-bezier(.5,-.7,.1,1.5);--ease-squish-5:cubic-bezier(.5,-.9,.1,1.5);--ease-step-1:steps(2);--ease-step-2:steps(3);--ease-step-3:steps(4);--ease-step-4:steps(7);--ease-step-5:steps(10);--layer-1:1;--layer-2:2;--layer-3:3;--layer-4:4;--layer-5:5;--layer-important:2147483647;--shadow-color:220 3% 15%;--shadow-strength:1%;--shadow-1:0 1px 2px -1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--shadow-2:0 3px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 14px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%));--shadow-3:0 -1px 3px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 2px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 5px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 4px 12px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 12px 15px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-4:0 -2px 5px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 2px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 9px 9px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 16px 16px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%));--shadow-5:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 10px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 20px 20px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 40px 40px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-6:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 3px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 12px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 22px 18px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 41px 33px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%)),0 100px 80px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--inner-shadow-0:inset 0 0 0 1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-1:inset 0 1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--ratio-box:1;--ratio-landscape:4/3;--ratio-portrait:3/4;--ratio-widescreen:16/9;--ratio-ultrawide:18/5;--ratio-golden:1.6180/1;--gray-0:#f8f9fa;--gray-1:#f1f3f5;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--gray-6:#868e96;--gray-7:#495057;--gray-8:#343a40;--gray-9:#212529;--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d;--grape-0:#f8f0fc;--grape-1:#f3d9fa;--grape-2:#eebefa;--grape-3:#e599f7;--grape-4:#da77f2;--grape-5:#cc5de8;--grape-6:#be4bdb;--grape-7:#ae3ec9;--grape-8:#9c36b5;--grape-9:#862e9c;--violet-0:#f3f0ff;--violet-1:#e5dbff;--violet-2:#d0bfff;--violet-3:#b197fc;--violet-4:#9775fa;--violet-5:#845ef7;--violet-6:#7950f2;--violet-7:#7048e8;--violet-8:#6741d9;--violet-9:#5f3dc4;--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7;--blue-0:#e7f5ff;--blue-1:#d0ebff;--blue-2:#a5d8ff;--blue-3:#74c0fc;--blue-4:#4dabf7;--blue-5:#339af0;--blue-6:#228be6;--blue-7:#1c7ed6;--blue-8:#1971c2;--blue-9:#1864ab;--cyan-0:#e3fafc;--cyan-1:#c5f6fa;--cyan-2:#99e9f2;--cyan-3:#66d9e8;--cyan-4:#3bc9db;--cyan-5:#22b8cf;--cyan-6:#15aabf;--cyan-7:#1098ad;--cyan-8:#0c8599;--cyan-9:#0b7285;--teal-0:#e6fcf5;--teal-1:#c3fae8;--teal-2:#96f2d7;--teal-3:#63e6be;--teal-4:#38d9a9;--teal-5:#20c997;--teal-6:#12b886;--teal-7:#0ca678;--teal-8:#099268;--teal-9:#087f5b;--green-0:#ebfbee;--green-1:#d3f9d8;--green-2:#b2f2bb;--green-3:#8ce99a;--green-4:#69db7c;--green-5:#51cf66;--green-6:#40c057;--green-7:#37b24d;--green-8:#2f9e44;--green-9:#2b8a3e;--lime-0:#f4fce3;--lime-1:#e9fac8;--lime-2:#d8f5a2;--lime-3:#c0eb75;--lime-4:#a9e34b;--lime-5:#94d82d;--lime-6:#82c91e;--lime-7:#74b816;--lime-8:#66a80f;--lime-9:#5c940d;--yellow-0:#fff9db;--yellow-1:#fff3bf;--yellow-2:#ffec99;--yellow-3:#ffe066;--yellow-4:#ffd43b;--yellow-5:#fcc419;--yellow-6:#fab005;--yellow-7:#f59f00;--yellow-8:#f08c00;--yellow-9:#e67700;--orange-0:#fff4e6;--orange-1:#ffe8cc;--orange-2:#ffd8a8;--orange-3:#ffc078;--orange-4:#ffa94d;--orange-5:#ff922b;--orange-6:#fd7e14;--orange-7:#f76707;--orange-8:#e8590c;--orange-9:#d9480f;--op-gradient-direction:to bottom right;--gradient-1:linear-gradient(var(--op-gradient-direction),#1f005c,#5b0060,#870160,#ac255e,#ca485c,#e16b5c,#f39060,#ffb56b);--gradient-2:linear-gradient(var(--op-gradient-direction),#48005c,#8300e2,#a269ff);--gradient-3:radial-gradient(circle at top right,#0ff,rgba(0,255,255,0)),radial-gradient(circle at bottom left,#ff1492,rgba(255,20,146,0));--gradient-4:linear-gradient(var(--op-gradient-direction),#00f5a0,#00d9f5);--gradient-5:conic-gradient(from -270deg at 75%,at 110%,#f0f,#fffaf0);--gradient-5:conic-gradient(from -270deg at 75% 110%,#f0f,#fffaf0);--gradient-6:conic-gradient(from -90deg at top left,#000,#fff);--gradient-7:linear-gradient(var(--op-gradient-direction),#72c6ef,#004e8f);--gradient-8:conic-gradient(from 90deg at 50%,at 0%,#111,50%,#222,#111);--gradient-8:conic-gradient(from 90deg at 50% 0%,#111,50%,#222,#111);--gradient-9:conic-gradient(from .5turn at bottom center,#add8e6,#fff);--gradient-10:conic-gradient(from 90deg at 40%,at -25%,gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--gradient-10:conic-gradient(from 90deg at 40% -25%,gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--gradient-11:conic-gradient(at bottom left,#ff1493,cyan);--gradient-12:conic-gradient(from 90deg at 25%,at -10%,#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--gradient-12:conic-gradient(from 90deg at 25% -10%,#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--gradient-13:radial-gradient(circle at 50%,at 200%,#000142,#3b0083,#b300c3,#ff059f,#ff4661,#ffad86,#fff3c7);--gradient-13:radial-gradient(circle at 50% 200%,#000142,#3b0083,#b300c3,#ff059f,#ff4661,#ffad86,#fff3c7);--gradient-14:conic-gradient(at top right,lime,cyan);--gradient-15:linear-gradient(var(--op-gradient-direction),#c7d2fe,#fecaca,#fef3c7);--gradient-16:radial-gradient(circle at 50%,at -250%,#374151,#111827,#000);--gradient-16:radial-gradient(circle at 50% -250%,#374151,#111827,#000);--gradient-17:conic-gradient(from -90deg at 50%,at -25%,blue,#8a2be2);--gradient-17:conic-gradient(from -90deg at 50% -25%,blue,#8a2be2);--gradient-18:conic-gradient(from .5turn at center left,lime,cyan);--gradient-19:linear-gradient(var(--op-gradient-direction),#ffe259,#ffa751);--gradient-20:conic-gradient(from -135deg at -10% center,orange,#ff7715,#ff522a,#ff3f47,#ff5482,#ff69b4);--gradient-21:conic-gradient(from -90deg at 25%,at 115%,red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--gradient-21:conic-gradient(from -90deg at 25% 115%,red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--gradient-22:linear-gradient(var(--op-gradient-direction),#acb6e5,#86fde8);--gradient-23:linear-gradient(var(--op-gradient-direction),#536976,#292e49);--gradient-24:conic-gradient(from .5turn at 0%,at 0%,#00c476,10%,#82b0ff,90%,#00c476);--gradient-24:conic-gradient(from .5turn at 0% 0%,#00c476,10%,#82b0ff,90%,#00c476);--gradient-25:conic-gradient(at 125%,at 50%,#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7);--gradient-25:conic-gradient(at 125% 50%,#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7);--gradient-26:linear-gradient(var(--op-gradient-direction),#9796f0,#fbc7d4);--gradient-27:conic-gradient(from .5turn at bottom left,#ff1493,#639);--gradient-28:conic-gradient(from -90deg at 50%,at 105%,#fff,orchid);--gradient-28:conic-gradient(from -90deg at 50% 105%,#fff,orchid);--gradient-29:radial-gradient(circle at top right,#bfb3ff,hsl(250 100% 85%/0%)),radial-gradient(circle at bottom left,#86acf9,hsl(220 90% 75%/0%));--gradient-30:radial-gradient(circle at top right,#00ff80,rgba(0,255,128,0)),radial-gradient(circle at bottom left,#adffd6,hsl(150 100% 84%/0%));--noise-1:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-2:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.05' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-3:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.25' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-4:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-5:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-filter-1:contrast(300%) brightness(100%);--noise-filter-2:contrast(200%) brightness(150%);--noise-filter-3:contrast(200%) brightness(250%);--noise-filter-4:contrast(200%) brightness(500%);--noise-filter-5:contrast(200%) brightness(1000%);--animation-fade-in:op-fade-in .5s var(--ease-3);--animation-fade-out:op-fade-out .5s var(--ease-3);--animation-scale-up:op-scale-up .5s var(--ease-3);--animation-scale-down:op-scale-down .5s var(--ease-3);--animation-slide-out-up:op-slide-out-up .5s var(--ease-3);--animation-slide-out-down:op-slide-out-down .5s var(--ease-3);--animation-slide-out-right:op-slide-out-right .5s var(--ease-3);--animation-slide-out-left:op-slide-out-left .5s var(--ease-3);--animation-slide-in-up:op-slide-in-up .5s var(--ease-3);--animation-slide-in-down:op-slide-in-down .5s var(--ease-3);--animation-slide-in-right:op-slide-in-right .5s var(--ease-3);--animation-slide-in-left:op-slide-in-left .5s var(--ease-3);--animation-shake-x:op-shake-x .75s var(--ease-out-5);--animation-shake-y:op-shake-y .75s var(--ease-out-5);--animation-spin:op-spin 2s linear infinite;--animation-ping:op-ping 5s var(--ease-out-3) infinite;--animation-blink:op-blink 1s var(--ease-out-3) infinite;--animation-float:op-float 3s var(--ease-inout-3) infinite;--animation-bounce:op-bounce 2s var(--ease-squish-2) infinite;--animation-pulse:op-pulse 2s var(--ease-out-3) infinite;--border-size-1:1px;--border-size-2:2px;--border-size-3:5px;--border-size-4:10px;--border-size-5:25px;--radius-1:2px;--radius-2:5px;--radius-3:1rem;--radius-4:2rem;--radius-5:4rem;--radius-6:8rem;--radius-round:1e5px;--radius-blob-1:30% 70% 70% 30%/53% 30% 70% 47%;--radius-blob-2:53% 47% 34% 66%/63% 46% 54% 37%;--radius-blob-3:37% 63% 56% 44%/49% 56% 44% 51%;--radius-blob-4:63% 37% 37% 63%/43% 37% 63% 57%;--radius-blob-5:49% 51% 48% 52%/57% 44% 56% 43%;--radius-conditional-1:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-1));--radius-conditional-2:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-2));--radius-conditional-3:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-3));--radius-conditional-4:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-4));--radius-conditional-5:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-5));--radius-conditional-6:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-6))}[dir=rtl] :where(html){--isLTR:-1;--isRTL:1}@media (prefers-color-scheme:dark){:where(html){--shadow-strength:25%;--shadow-color:220 40% 2%}}@keyframes op-fade-in{to{opacity:1}}@keyframes op-fade-out{to{opacity:0}}@keyframes op-scale-up{to{transform:scale(1.25)}}@keyframes op-scale-down{to{transform:scale(.75)}}@keyframes op-slide-out-up{to{transform:translateY(-100%)}}@keyframes op-slide-out-down{to{transform:translateY(100%)}}@keyframes op-slide-out-right{to{transform:translateX(100%)}}@keyframes op-slide-out-left{to{transform:translateX(-100%)}}@keyframes op-slide-in-up{0%{transform:translateY(100%)}}@keyframes op-slide-in-down{0%{transform:translateY(-100%)}}@keyframes op-slide-in-right{0%{transform:translateX(-100%)}}@keyframes op-slide-in-left{0%{transform:translateX(100%)}}@keyframes op-shake-x{0%,to{transform:translateX(0)}20%{transform:translateX(-5%)}40%{transform:translateX(5%)}60%{transform:translateX(-5%)}80%{transform:translateX(5%)}}@keyframes op-shake-y{0%,to{transform:translateY(0)}20%{transform:translateY(-5%)}40%{transform:translateY(5%)}60%{transform:translateY(-5%)}80%{transform:translateY(5%)}}@keyframes op-spin{to{transform:rotate(1turn)}}@keyframes op-ping{90%,to{opacity:0;transform:scale(2)}}@keyframes op-blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes op-float{50%{transform:translateY(-25%)}}@keyframes op-bounce{25%{transform:translateY(-20%)}40%{transform:translateY(-3%)}0%,60%,to{transform:translateY(0)}}@keyframes op-pulse{50%{transform:scale(.9)}}
136\ No newline at end of file
137 diff --git a/orange.min.css b/orange.min.css
138new file mode 100644
139index 0000000..d80fa84
140--- /dev/null
141+++ b/orange.min.css
142 @@ -0,0 +1 @@
143+ :where(html){--orange-0:#fff4e6;--orange-1:#ffe8cc;--orange-2:#ffd8a8;--orange-3:#ffc078;--orange-4:#ffa94d;--orange-5:#ff922b;--orange-6:#fd7e14;--orange-7:#f76707;--orange-8:#e8590c;--orange-9:#d9480f}
144\ No newline at end of file
145 diff --git a/package.json b/package.json
146index e417963..3f030d4 100644
147--- a/package.json
148+++ b/package.json
149 @@ -3,7 +3,7 @@
150 "name": "@argyleink/open-props",
151 "author": "Adam Argyle",
152 "license": "ISC",
153- "version": "0.1.1",
154+ "version": "0.2.0",
155 "repository": {
156 "type": "git",
157 "url": "https://github.com/argyleink/open-props"
158 @@ -15,7 +15,7 @@
159 "custom properties",
160 "gradients"
161 ],
162- "style": "props.css",
163+ "style": "open-props.min.css",
164 "source": "src/index.js",
165 "main": "dist/open-props.cjs",
166 "module": "./dist/open-props.module.js",
167 @@ -29,33 +29,33 @@
168 "gen:nowhere": "cd src && node _create-props.js '' false",
169 "gen:prefixed": "cd src && node _create-props.js 'op'",
170 "lib:js": "microbundle",
171- "lib:all": "postcss src/index.css -o props.css",
172- "lib:normalize": "postcss src/extra/normalize.css -o normalize.css",
173- "lib:animations": "postcss src/props.animations.css -o animations.css",
174- "lib:aspects": "postcss src/props.aspects.css -o aspects.css",
175- "lib:borders": "postcss src/props.borders.css -o borders.css",
176- "lib:easing": "postcss src/props.easing.css -o easings.css",
177- "lib:fonts": "postcss src/props.fonts.css -o fonts.css",
178- "lib:gradients": "postcss src/props.gradients.css -o gradients.css",
179- "lib:media": "postcss src/props.media.css -o media.css",
180- "lib:shadows": "postcss src/props.shadows.css -o shadows.css",
181- "lib:sizes": "postcss src/props.sizes.css -o sizes.css",
182- "lib:supports": "postcss src/props.supports.css -o supports.css",
183- "lib:zindex": "postcss src/props.zindex.css -o zindex.css",
184- "lib:colors": "postcss src/props.colors.css -o colors.css",
185- "lib:colors:gray": "postcss src/props.gray.css -o gray.css",
186- "lib:colors:red": "postcss src/props.red.css -o red.css",
187- "lib:colors:pink": "postcss src/props.pink.css -o pink.css",
188- "lib:colors:grape": "postcss src/props.grape.css -o grape.css",
189- "lib:colors:violet": "postcss src/props.violet.css -o violet.css",
190- "lib:colors:indigo": "postcss src/props.indigo.css -o indigo.css",
191- "lib:colors:blue": "postcss src/props.blue.css -o blue.css",
192- "lib:colors:cyan": "postcss src/props.cyan.css -o cyan.css",
193- "lib:colors:teal": "postcss src/props.teal.css -o teal.css",
194- "lib:colors:green": "postcss src/props.green.css -o green.css",
195- "lib:colors:lime": "postcss src/props.lime.css -o lime.css",
196- "lib:colors:yellow": "postcss src/props.yellow.css -o yellow.css",
197- "lib:colors:orange": "postcss src/props.orange.css -o orange.css"
198+ "lib:all": "postcss src/index.css -o open-props.min.css",
199+ "lib:normalize": "postcss src/extra/normalize.css -o normalize.min.css",
200+ "lib:animations": "postcss src/props.animations.css -o animations.min.css",
201+ "lib:aspects": "postcss src/props.aspects.css -o aspects.min.css",
202+ "lib:borders": "postcss src/props.borders.css -o borders.min.css",
203+ "lib:easing": "postcss src/props.easing.css -o easings.min.css",
204+ "lib:fonts": "postcss src/props.fonts.css -o fonts.min.css",
205+ "lib:gradients": "postcss src/props.gradients.css -o gradients.min.css",
206+ "lib:media": "postcss src/props.media.css -o media.min.css",
207+ "lib:shadows": "postcss src/props.shadows.css -o shadows.min.css",
208+ "lib:sizes": "postcss src/props.sizes.css -o sizes.min.css",
209+ "lib:supports": "postcss src/props.supports.css -o supports.min.css",
210+ "lib:zindex": "postcss src/props.zindex.css -o zindex.min.css",
211+ "lib:colors": "postcss src/props.colors.css -o colors.min.css",
212+ "lib:colors:gray": "postcss src/props.gray.css -o gray.min.css",
213+ "lib:colors:red": "postcss src/props.red.css -o red.min.css",
214+ "lib:colors:pink": "postcss src/props.pink.css -o pink.min.css",
215+ "lib:colors:grape": "postcss src/props.grape.css -o grape.min.css",
216+ "lib:colors:violet": "postcss src/props.violet.css -o violet.min.css",
217+ "lib:colors:indigo": "postcss src/props.indigo.css -o indigo.min.css",
218+ "lib:colors:blue": "postcss src/props.blue.css -o blue.min.css",
219+ "lib:colors:cyan": "postcss src/props.cyan.css -o cyan.min.css",
220+ "lib:colors:teal": "postcss src/props.teal.css -o teal.min.css",
221+ "lib:colors:green": "postcss src/props.green.css -o green.min.css",
222+ "lib:colors:lime": "postcss src/props.lime.css -o lime.min.css",
223+ "lib:colors:yellow": "postcss src/props.yellow.css -o yellow.min.css",
224+ "lib:colors:orange": "postcss src/props.orange.css -o orange.min.css"
225 },
226 "devDependencies": {
227 "concurrently": "^6.2.1",
228 diff --git a/pink.min.css b/pink.min.css
229new file mode 100644
230index 0000000..b625548
231--- /dev/null
232+++ b/pink.min.css
233 @@ -0,0 +1 @@
234+ :where(html){--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d}
235\ No newline at end of file
236 diff --git a/red.min.css b/red.min.css
237new file mode 100644
238index 0000000..9fd18ae
239--- /dev/null
240+++ b/red.min.css
241 @@ -0,0 +1 @@
242+ :where(html){--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a}
243\ No newline at end of file
244 diff --git a/shadows.min.css b/shadows.min.css
245new file mode 100644
246index 0000000..3d7b368
247--- /dev/null
248+++ b/shadows.min.css
249 @@ -0,0 +1 @@
250+ :where(html){--shadow-color:220 3% 15%;--shadow-strength:1%;--shadow-1:0 1px 2px -1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--shadow-2:0 3px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 14px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%));--shadow-3:0 -1px 3px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 2px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 5px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 4px 12px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 12px 15px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-4:0 -2px 5px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 2px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 9px 9px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 16px 16px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%));--shadow-5:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 10px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 20px 20px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 40px 40px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-6:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 3px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 12px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 22px 18px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 41px 33px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%)),0 100px 80px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--inner-shadow-0:inset 0 0 0 1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-1:inset 0 1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%))}@media (prefers-color-scheme:dark){:where(html){--shadow-strength:25%;--shadow-color:220 40% 2%}}
251\ No newline at end of file
252 diff --git a/sizes.min.css b/sizes.min.css
253new file mode 100644
254index 0000000..271353a
255--- /dev/null
256+++ b/sizes.min.css
257 @@ -0,0 +1 @@
258+ :where(html){--size-000:-.5rem;--size-00:-.25rem;--size-1:.25rem;--size-2:.5rem;--size-3:1rem;--size-4:1.25rem;--size-5:1.5rem;--size-6:1.75rem;--size-7:2rem;--size-8:2.5rem;--size-9:3rem;--size-10:3.5rem;--size-11:4rem;--size-12:5rem;--size-13:7rem;--size-14:9rem;--size-15:10rem;--size-fluid-1:clamp(.5rem,1vw,1rem);--size-fluid-2:clamp(1rem,2vw,1.5rem);--size-fluid-3:clamp(1.5rem,3vw,2rem);--size-fluid-4:clamp(2rem,4vw,3rem);--size-fluid-5:clamp(3rem,5vw,4rem);--size-fluid-6:clamp(4rem,6vw,5rem);--size-fluid-7:clamp(5rem,7vw,6rem);--size-fluid-8:clamp(6rem,8vw,7rem);--size-fluid-9:clamp(7rem,9vw,8rem);--size-fluid-10:clamp(8rem,10vw,10rem);--size-content-1:20ch;--size-content-2:45ch;--size-content-3:60ch;--size-header-1:20ch;--size-header-2:25ch;--size-header-3:45rem}
259\ No newline at end of file
260 diff --git a/supports.min.css b/supports.min.css
261new file mode 100644
262index 0000000..a81a354
263--- /dev/null
264+++ b/supports.min.css
265 @@ -0,0 +1 @@
266+ @custom-media --safariONLY (-webkit-hyphens: none);@custom-media --firefoxONLY (-moz-appearance: none);@custom-media --chromeONLY (-webkit-tap-highlight-color: black);:where(html){--isLTR:1;--isRTL:-1}[dir=rtl] :where(html){--isLTR:-1;--isRTL:1}
267\ No newline at end of file
268 diff --git a/teal.min.css b/teal.min.css
269new file mode 100644
270index 0000000..bb8cc7f
271--- /dev/null
272+++ b/teal.min.css
273 @@ -0,0 +1 @@
274+ :where(html){--teal-0:#e6fcf5;--teal-1:#c3fae8;--teal-2:#96f2d7;--teal-3:#63e6be;--teal-4:#38d9a9;--teal-5:#20c997;--teal-6:#12b886;--teal-7:#0ca678;--teal-8:#099268;--teal-9:#087f5b}
275\ No newline at end of file
276 diff --git a/violet.min.css b/violet.min.css
277new file mode 100644
278index 0000000..7d306e8
279--- /dev/null
280+++ b/violet.min.css
281 @@ -0,0 +1 @@
282+ :where(html){--violet-0:#f3f0ff;--violet-1:#e5dbff;--violet-2:#d0bfff;--violet-3:#b197fc;--violet-4:#9775fa;--violet-5:#845ef7;--violet-6:#7950f2;--violet-7:#7048e8;--violet-8:#6741d9;--violet-9:#5f3dc4}
283\ No newline at end of file
284 diff --git a/yellow.min.css b/yellow.min.css
285new file mode 100644
286index 0000000..0759ddf
287--- /dev/null
288+++ b/yellow.min.css
289 @@ -0,0 +1 @@
290+ :where(html){--yellow-0:#fff9db;--yellow-1:#fff3bf;--yellow-2:#ffec99;--yellow-3:#ffe066;--yellow-4:#ffd43b;--yellow-5:#fcc419;--yellow-6:#fab005;--yellow-7:#f59f00;--yellow-8:#f08c00;--yellow-9:#e67700}
291\ No newline at end of file
292 diff --git a/zindex.min.css b/zindex.min.css
293new file mode 100644
294index 0000000..e0250f3
295--- /dev/null
296+++ b/zindex.min.css
297 @@ -0,0 +1 @@
298+ :where(html){--layer-1:1;--layer-2:2;--layer-3:3;--layer-4:4;--layer-5:5;--layer-important:2147483647}
299\ No newline at end of file