Commit
Author: Adam Argyle [argyle@google.com]
Committer: GitHub [noreply@github.com] Wed, 22 Sep 2021 03:52:24 +0000
Hash: 188322f58275abb2384e8141b1d9ff45bf2141e5
Timestamp: Wed, 22 Sep 2021 03:52:24 +0000 (3 years ago)

+4831 -296 +/-11 browse
Merge pull request #22 from argyleink/docsite 
Merge pull request #22 from argyleink/docsite

Docsite
1diff --git a/.npmignore b/.npmignore
2new file mode 100644
3index 0000000..03e4651
4--- /dev/null
5+++ b/.npmignore
6 @@ -0,0 +1,2 @@
7+ docsite/
8+ test/
9\ No newline at end of file
10 diff --git a/docsite/.gitignore b/docsite/.gitignore
11new file mode 100644
12index 0000000..16fb415
13--- /dev/null
14+++ b/docsite/.gitignore
15 @@ -0,0 +1,5 @@
16+ .DS_Store
17+
18+ .cache/
19+ dist/
20+ node_modules/
21\ No newline at end of file
22 diff --git a/docsite/index.css b/docsite/index.css
23new file mode 100644
24index 0000000..812c876
25--- /dev/null
26+++ b/docsite/index.css
27 @@ -0,0 +1,574 @@
28+ @import "open-props/src/index.css";
29+ @import "open-props/src/extra/reset.css";
30+
31+ :root {
32+ --max-inline-body: calc(100vw - (var(--size-8) * 2));
33+
34+ @media (--md-n-below) {
35+ --max-inline-body: calc(100vw - (var(--size-3) * 2));
36+ }
37+ }
38+
39+ body {
40+ display: grid;
41+ place-content: center;
42+ justify-items: flex-start;
43+ padding-inline: var(--size-8);
44+ padding-block: var(--size-6);
45+
46+ @media (--md-n-below) {
47+ padding-inline: var(--size-3);
48+ }
49+ }
50+
51+ section {
52+ display: grid;
53+ gap: var(--size-fluid-4);
54+ justify-items: flex-start;
55+ padding-block: var(--size-fluid-6);
56+
57+ &:not(:last-of-type) { border-block-end-width: var(--border-size-1) }
58+ &:nth-of-type(1n) { border-color: var(--orange-5) }
59+ &:nth-of-type(2n) { border-color: var(--red-5) }
60+ &:nth-of-type(3n) { border-color: var(--pink-5) }
61+ &:nth-of-type(4n) { border-color: var(--grape-5) }
62+ &:nth-of-type(5n) { border-color: var(--indigo-5) }
63+ &:nth-of-type(6n) { border-color: var(--blue-5) }
64+ &:nth-of-type(7n) { border-color: var(--green-5) }
65+ &:nth-of-type(8n) { border-color: var(--violet-5) }
66+ &:nth-of-type(9n) { border-color: var(--cyan-5) }
67+ &:nth-of-type(10n) { border-color: var(--teal-5) }
68+ }
69+
70+ header {
71+ display: grid;
72+ gap: var(--size-2);
73+ }
74+
75+ nav {
76+ display: flex;
77+ flex-wrap: wrap;
78+ align-items: center;
79+ gap: var(--size-4);
80+ justify-self: stretch;
81+
82+ & > a[href] {
83+ color: var(--text-1);
84+ text-decoration-color: var(--brand);
85+ }
86+
87+ & > a[href="/"] {
88+ margin-inline-end: auto;
89+ display: inline-flex;
90+ align-items: center;
91+ gap: var(--size-2);
92+ color: var(--indigo-4);
93+
94+ & > svg {
95+ inline-size: 3ch;
96+ stroke: var(--indigo-6);
97+ }
98+
99+ @media (--OSlight) {
100+ color: var(--orange-8);
101+
102+ & > svg {
103+ stroke: var(--orange-4);
104+ }
105+ }
106+ }
107+
108+ & > a[href="#getting-started"] {
109+ @media (--sm-n-below) {
110+ display: none;
111+ }
112+ }
113+ }
114+
115+ .github-icon {
116+ fill: var(--surface-4);
117+ stroke: none;
118+
119+ @nest :hover > & {
120+ fill: var(--grape-4);
121+ }
122+ }
123+
124+ footer {
125+ padding-block: var(--size-10);
126+ display: grid;
127+ place-content: center;
128+ justify-self: stretch;
129+ border-top-width: var(--border-size-1);
130+ border-color: var(--surface-3);
131+ }
132+
133+ .hero {
134+ display: grid;
135+ gap: var(--size-3);
136+
137+ & > h1 {
138+ font-size: var(--font-size-fluid-3);
139+ background-image: var(--conic-gradient-3);
140+ -webkit-background-clip: text;
141+ -webkit-text-fill-color: transparent;
142+
143+ @media (--OSdark) {
144+ background-image: var(--conic-gradient-8);
145+ }
146+ }
147+
148+ & .icon-quote {
149+ border-color: var(--grape-4);
150+
151+ & > svg {
152+ stroke: var(--grape-2);
153+ }
154+
155+ @media (--OSlight) {
156+ border-color: var(--orange-5);
157+
158+ & > svg {
159+ stroke: var(--orange-7);
160+ }
161+ }
162+ }
163+
164+ & small {
165+ color: var(--gray-6);
166+ }
167+ }
168+
169+ :not(pre) > code[class*="language-"] {
170+ padding: var(--size-1) var(--size-2);
171+ box-shadow: var(--inner-shadow-0), var(--shadow-1);
172+ white-space: nowrap;
173+ }
174+
175+ pre > code[class*="language-"] {
176+ font-family: var(--font-mono);
177+ font-size: var(--font-size-2);
178+ }
179+
180+ pre[class*="language-"], code[class*="language-"] {
181+ @media (--OSlight) {
182+ background: white;
183+ }
184+ @media (--OSdark) {
185+ & *::selection {
186+ background: black;
187+ }
188+ }
189+ }
190+
191+ @media (--OSlight) {
192+ pre[class*="language-"], code[class*="language-"] {
193+ background: white;
194+ }
195+ }
196+
197+ blockquote {
198+ border-color: var(--grape-5);
199+ background-color: var(--surface-2);
200+ justify-self: flex-start;
201+
202+ &.icon-quote {
203+ display: grid;
204+ grid-template-columns: max-content 1fr;
205+ gap: var(--size-5);
206+ border-color: var(--lime-5);
207+ align-items: center;
208+
209+ & > svg {
210+ inline-size: var(--size-7);
211+ stroke: var(--lime-3);
212+
213+ @media (--OSlight) {
214+ stroke: var(--lime-9);
215+ }
216+ }
217+
218+ &.indigo {
219+ border-color: var(--indigo-5);
220+ & > svg {
221+ stroke: var(--indigo-3);
222+ }
223+ }
224+ }
225+ }
226+
227+ pre[class*="language-"] {
228+ box-shadow: var(--shadow-4);
229+ max-inline-size: var(--max-inline-body);
230+ justify-self: flex-start;
231+
232+ @media (--OSdark) {
233+ box-shadow: var(--shadow-3);
234+ }
235+ }
236+
237+ .just-stretch {
238+ justify-self: stretch;
239+ }
240+
241+ .open-colors {
242+ display: flex;
243+ align-items: center;
244+ gap: var(--size-2);
245+ }
246+
247+ .color-swatch {
248+ --size: var(--size-5);
249+ border-radius: var(--radii-round);
250+ box-shadow: var(--inner-shadow-0);
251+ inline-size: 7%;
252+ block-size: var(--size);
253+
254+ &:is(:hover,:focus) {
255+ transform: scale(1.5);
256+ transition-delay: 0s;
257+ transition-timing-function: var(--ease-3);
258+ }
259+
260+ @media (--motionOK) {
261+ transition: transform 2s var(--ease-out-5) 3s;
262+
263+ &:is(:hover,:focus) {
264+ transition-duration: .1s;
265+ }
266+ }
267+
268+ @media (--md-n-below) {
269+ --size: var(--size-3);
270+ }
271+ @media (--xs-n-below) {
272+ --size: var(--size-2);
273+ }
274+ }
275+
276+ .ui-gradients {
277+ display: flex;
278+ align-items: center;
279+ flex-flow: row wrap;
280+ gap: var(--size-2);
281+ }
282+
283+ .gradient-swatch {
284+ border-radius: var(--radii-2);
285+ inline-size: 31%;
286+ block-size: var(--size-fluid-5);
287+
288+ @media (--sm-n-above) {
289+ inline-size: 18%;
290+ }
291+
292+ @media (--md-n-above) {
293+ inline-size: 15%;
294+ }
295+ }
296+
297+ .scroll-x-overflow {
298+ overflow-x: auto;
299+ max-inline-size: 100vw;
300+ }
301+
302+ .contain-pre {
303+ display: grid;
304+ grid-template-columns: 1fr;
305+ gap: var(--size-5);
306+
307+ & > div {
308+ justify-self: flex-start;
309+ }
310+ }
311+
312+ .size-chart {
313+ display: grid;
314+ grid-template-columns: 5ch 1fr;
315+ gap: 0 var(--size-3);
316+
317+ & .size {
318+ color: var(--text-2);
319+
320+ & > strong {
321+ color: var(--text-1);
322+ }
323+ }
324+ }
325+
326+ .yellow-badge {
327+ padding-inline: var(--size-1);
328+ border-width: var(--border-size-1);
329+ border-color: var(--yellow-6);
330+ color: var(--yellow-2);
331+ border-radius: var(--radii-round);
332+
333+ @media (--OSlight) {
334+ border-color: var(--orange-2);
335+ color: var(--orange-6);
336+ }
337+ }
338+
339+ .green-badge {
340+ padding-inline: var(--size-1);
341+ border-width: var(--border-size-1);
342+ border-color: var(--lime-6);
343+ color: var(--lime-2);
344+ border-radius: var(--radii-round);
345+
346+ @media (--OSlight) {
347+ border-color: var(--green-2);
348+ color: var(--green-6);
349+ }
350+ }
351+
352+ .font-sizes {
353+ display: grid;
354+ gap: var(--size-3);
355+
356+ & > .scroll-x-overflow {
357+ margin-inline: calc(var(--size-8) * -1);
358+ padding-inline: var(--size-8);
359+ }
360+
361+ & pre {
362+ max-inline-size: var(--max-inline-body);
363+ }
364+ }
365+
366+ .font-size-examples {
367+ inline-size: max-content;
368+ display: grid;
369+ gap: var(--size-2);
370+ grid-template-columns: max-content 1fr;
371+ align-items: center;
372+ justify-items: flex-start;
373+
374+ @media (--md-n-below) {
375+ grid-template-columns: 1fr;
376+ gap: var(--size-1);
377+
378+ & > code:not(:first-of-type) {
379+ margin-block-start: var(--size-3);
380+ }
381+ }
382+ }
383+
384+ .var-examples {
385+ display: flex;
386+ flex-wrap: wrap;
387+ gap: var(--size-5);
388+ align-items: flex-start;
389+ }
390+
391+ .block-wrap {
392+ display: flex;
393+ flex-wrap: wrap;
394+ flex-basis: var(--size-content-2);
395+ gap: var(--size-5) var(--size-8);
396+ align-items: flex-start;
397+
398+ & .block-wrap {
399+ row-gap: var(--size-1);
400+ }
401+
402+ @media (--xl-n-above) {
403+ column-gap: var(--size-10);
404+ }
405+ }
406+
407+ .checkmark-list ::marker {
408+ content:"✅ ";
409+ }
410+
411+ .responsive-dl {
412+ display: grid;
413+ grid-template-columns: 1fr 1fr;
414+ gap: var(--size-8);
415+
416+ @media (--md-n-below) {
417+ grid-template-columns: 1fr;
418+ justify-self: stretch;
419+
420+ &:not(.bundle-sizes) {
421+ justify-items: center;
422+ text-align: center;
423+ }
424+ }
425+
426+ @media (--lg-n-above) {
427+ column-gap: var(--size-15);
428+ }
429+
430+ & > div:nth-of-type(1) svg { color: var(--grape-5) }
431+ & > div:nth-of-type(2) svg { color: var(--orange-5) }
432+ & > div:nth-of-type(3) svg { color: var(--indigo-5) }
433+ & > div:nth-of-type(4) svg { color: var(--red-5) }
434+
435+ & svg {
436+ inline-size: var(--size-12);
437+ border-width: var(--border-size-2);
438+ border-radius: var(--radii-round);
439+ padding: var(--size-2);
440+ margin-inline-start: calc(var(--size-1) * -1);
441+ margin-block-end: var(--size-3);
442+
443+ @media (--md-n-below) {
444+ margin-inline: auto;
445+ }
446+ }
447+ }
448+
449+ .installation {
450+ display: grid;
451+ gap: var(--size-5);
452+
453+ & h5 {
454+ margin-block-start: var(--size-5);
455+ border-bottom: var(--border-size-1) solid var(--violet-5);
456+
457+ @media (--OSlight) {
458+ color: var(--violet-6);
459+ }
460+ }
461+ }
462+
463+ .aspect-demos {
464+ display: flex;
465+ flex-flow: row wrap;
466+ gap: var(--size-4);
467+
468+ & > div {
469+ block-size: var(--size-15);
470+ max-inline-size: var(--max-inline-body);
471+ border-width: var(--border-size-3);
472+ border-color: var(--surface-4);
473+ box-shadow: var(--shadow-3);
474+ display: grid;
475+ place-content: center;
476+
477+ @media (--OSlight) {
478+ background: white;
479+ }
480+ }
481+ }
482+
483+ #about header {
484+ margin-block-end: var(--size-8);
485+
486+ @media (--md-n-below) {
487+ text-align: center;
488+ }
489+ }
490+
491+ .ease-demo {
492+ inline-size: min(var(--size-content-2), var(--max-inline-body));
493+ display: grid;
494+ grid-template-columns: 50%;
495+ grid-auto-flow: row;
496+ gap: var(--size-1);
497+ align-items: flex-start;
498+ text-align: center;
499+ align-self: stretch;
500+ padding-block: var(--size-2);
501+
502+ & > div {
503+ padding-inline: var(--size-4);
504+ padding-block: var(--size-1);
505+ background: var(--surface-4);
506+ border-radius: var(--radii-round);
507+
508+ @media (--motionOK) {
509+ animation: ping-pong 2s ease infinite;
510+ }
511+
512+ &:nth-of-type(1) {
513+ color: var(--grape-9);
514+ background-color: var(--grape-1);
515+ }
516+ &:nth-of-type(2) {
517+ color: var(--indigo-9);
518+ background-color: var(--indigo-1);
519+ }
520+ &:nth-of-type(3) {
521+ color: var(--pink-9);
522+ background-color: var(--pink-1);
523+ }
524+ &:nth-of-type(4) {
525+ color: var(--lime-9);
526+ background-color: var(--lime-1);
527+ }
528+ &:nth-of-type(5) {
529+ color: var(--orange-9);
530+ background-color: var(--orange-1);
531+ }
532+ }
533+
534+ /* prevent transforms causing overflow-x */
535+ &:is(.squish, .elastic) {
536+ padding-inline-end: var(--size-6);
537+ }
538+ }
539+
540+ @keyframes ping-pong {
541+ 40%,50% { transform: translateX(100%); }
542+ 0%, 90% { transform: translateX(0%); }
543+ }
544+
545+ .font-family-grid {
546+ display: grid;
547+ gap: var(--size-2);
548+ justify-items: flex-start;
549+
550+ & > div {
551+ display: grid;
552+ grid-template-columns: repeat(9, minmax(3rem, 1fr));
553+ place-items: center;
554+ font-size: var(--font-size-5);
555+ font-weight: var(--font-weight-1);
556+ color: var(--text-1);
557+
558+ @media (--md-n-below) {
559+ grid-template-columns: repeat(6, minmax(2rem, 1fr));
560+ font-size: var(--font-size-3);
561+ }
562+ }
563+ }
564+
565+ .font-weights {
566+ display: grid;
567+ grid-template-columns: repeat(9, 2ch);
568+ font-size: var(--font-size-fluid-2);
569+ }
570+
571+ .shadow-demos {
572+ display: flex;
573+ flex-flow: row wrap;
574+ gap: var(--size-5);
575+
576+ & > div {
577+ background: white;
578+ inline-size: var(--size-15);
579+ aspect-ratio: var(--aspect-box);
580+ border-radius: var(--radii-3);
581+
582+ @media (--OSdark) {
583+ background: var(--surface-2);
584+ }
585+ }
586+ }
587+
588+ .border-demos {
589+ display: flex;
590+ flex-flow: row wrap;
591+ gap: var(--size-5);
592+
593+ & > div {
594+ display: grid;
595+ place-content: center;
596+ inline-size: var(--size-15);
597+ aspect-ratio: var(--aspect-box);
598+ border-color: var(--indigo-5);
599+ border-width: var(--border-size-2);
600+ }
601+ }
602\ No newline at end of file
603 diff --git a/docsite/index.html b/docsite/index.html
604new file mode 100644
605index 0000000..a985e3d
606--- /dev/null
607+++ b/docsite/index.html
608 @@ -0,0 +1,1414 @@
609+ <!doctype html>
610+ <html lang="en" dir="ltr">
611+ <head>
612+ <title>CSS "open-props" Project</title>
613+ <meta charset="utf-8">
614+
615+ <meta name="viewport" content="width=device-width, initial-scale=1">
616+ <meta name="mobile-web-app-capable" content="yes">
617+ <meta name="theme-color" content="deeppink" media="(prefers-color-scheme: light)">
618+ <meta name="theme-color" content="Canvas" media="(prefers-color-scheme: dark)">
619+ <meta name="description" content="Free CSS variables, like subatomic utilities, ready to tackle any design.">
620+ <meta name="color-scheme" content="dark light">
621+ <link rel="stylesheet" href="//unpkg.com/prism-themes@1.8.0/themes/prism-material-light.css" media="(prefers-color-scheme: light)">
622+ <link rel="stylesheet" href="//unpkg.com/prism-themes@1.8.0/themes/prism-nord.css" media="(prefers-color-scheme: dark)">
623+ <link rel="stylesheet" href="/index.css">
624+ </head>
625+ <body>
626+
627+ <nav>
628+ <a href="/">
629+ <svg viewBox="0 0 24 24">
630+ <path d="M12 14l9-5-9-5-9 5 9 5z" />
631+ <path d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z" />
632+ <path d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222" />
633+ </svg>
634+ <span>
635+ <b>O</b>pen
636+ <b>P</b>rops
637+ </span>
638+ </a>
639+ <a href="#getting-started">Get Started</a>
640+ <a href="#" title="Source on Github">
641+ <svg class="github-icon" width="24" height="24" viewBox="0 0 16 16">
642+ <path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path>
643+ </svg>
644+ </a>
645+ </nav>
646+
647+ <section class="block-wrap">
648+ <header class="hero">
649+ <p><code class="language-bash">npm i open-props</code></p>
650+ <h1>Grab n' go<br>CSS custom props.</h1>
651+ <p>Easy to remember, <b>free CSS variables</b>.</p>
652+ <ul class="checkmark-list">
653+ <li>Subatomic utilities</li>
654+ <li>Tackles any design</li>
655+ <li>Useful anywhere CSS vars can go</li>
656+ </ul>
657+ <blockquote class="icon-quote">
658+ <svg viewBox="0 0 24 24">
659+ <path d="M12 8v13m0-13V6a2 2 0 112 2h-2zm0 0V5.5A2.5 2.5 0 109.5 8H12zm-7 4h14M5 12a2 2 0 110-4h14a2 2 0 110 4M5 12v7a2 2 0 002 2h10a2 2 0 002-2v-7" />
660+ </svg>
661+ <span>free light & dark theme reset.css</span>
662+ </blockquote>
663+ <small>
664+ v0.0.17<br>
665+ Apache License
666+ </small>
667+ </header>
668+ <div><pre class="language-css"><code>
669+ @import "open-props";
670+ @import "open-props/media.css";
671+
672+ .button {
673+ padding-inline: var(--size-5);
674+ padding-block: var(--size-3);
675+
676+ color: var(--blue-0);
677+ background-color: var(--blue-7);
678+ border-radius: var(--border-radius-round);
679+ box-shadow: var(--shadow-1);
680+
681+ @media (--motionOK) {
682+ transition: background .3s var(--easinout-3);
683+ }
684+
685+ @media (--OSdark) {
686+ background: var(--blue-1);
687+ color: var(--blue-9);
688+ }
689+ }
690+ </code></pre></div>
691+ </section>
692+
693+ <section id="about" class="just-stretch">
694+ <header class="just-stretch">
695+ <h2>About</h2>
696+ </header>
697+ <dl class="responsive-dl">
698+ <div>
699+ <dt>
700+ <svg viewBox="0 0 24 24" >
701+ <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" />
702+ <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z" />
703+ </svg>
704+ Everything's optional
705+ </dt>
706+ <dd>Grab some of the props, or all of em.</dd>
707+ </div>
708+ <div>
709+ <dt>
710+ <svg viewBox="0 0 24 24">
711+ <path d="M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 .5-5 2.986-7C14 5 16.09 5.777 17.656 7.343A7.975 7.975 0 0120 13a7.975 7.975 0 01-2.343 5.657z" />
712+ <path d="M9.879 16.121A3 3 0 1012.015 11L11 14H9c0 .768.293 1.536.879 2.121z" />
713+ </svg>
714+ No magic units
715+ </dt>
716+ <dd>Design consistency without thinking</dd>
717+ </div>
718+ <div>
719+ <dt>
720+ <svg viewBox="0 0 24 24">
721+ <path d="M14 10l-2 1m0 0l-2-1m2 1v2.5M20 7l-2 1m2-1l-2-1m2 1v2.5M14 4l-2-1-2 1M4 7l2-1M4 7l2 1M4 7v2.5M12 21l-2-1m2 1l2-1m-2 1v-2.5M6 18l-2-1v-2.5M18 18l2-1v-2.5" />
722+ </svg>
723+ Easy to customize
724+ </dt>
725+ <dd>Extend, overwrite, adapt, etc.. no prob.</dd>
726+ </div>
727+ <div>
728+ <dt>
729+ <svg viewBox="0 0 24 24">
730+ <path d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" />
731+ </svg>
732+ Easy to remember
733+ </dt>
734+ <dd>Try to keep the API surface area small and legible</dd>
735+ </div>
736+ </dl>
737+ </section>
738+
739+ <section id="overview">
740+ <header>
741+ <h2>Overview</h2>
742+ <p>The following filesizes are after <a href="https://github.com/google/brotli">brotli</a> compression.</p>
743+ </header>
744+
745+ <dl class="responsive-dl bundle-sizes">
746+ <div>
747+ <dt>Library bundles</dt>
748+ <dd class="size-chart" style="row-gap: var(--size-3)">
749+ <div class="size"><strong>2.9</strong>kB</div>
750+ <div class="file">
751+ <a href="https://unpkg.com/open-props">props.css</a>
752+ </div>
753+
754+ <div class="size"><strong>1</strong>kB</div>
755+ <div class="file">
756+ <a href="https://unpkg.com/open-props/reset.css">reset.css</a> <small class="green-badge">optional</small>
757+ <br>
758+ <small>
759+ <a href="https://github.com/argyleink/open-props/blob/main/src/extra/brand.css">brand.css</a>
760+ and
761+ <a href="https://github.com/argyleink/open-props/blob/main/src/extra/theme.css">theme.css</a> included</small>
762+ </div>
763+ </dd>
764+ </div>
765+
766+ <div>
767+ <dt>Prop Packs ™</dt>
768+ <dd class="size-chart">
769+ <div class="size"><strong>0.23</strong>kB</div>
770+ <div class="file">
771+ <a href="https://unpkg.com/open-props/animations.css">animations.css</a>
772+ </div>
773+
774+ <div class="size"><strong>0.1</strong>kB</div>
775+ <div class="file">
776+ <a href="https://unpkg.com/open-props/aspects.css">aspects.css</a>
777+ </div>
778+
779+ <div class="size"><strong>0.1</strong>kB</div>
780+ <div class="file">
781+ <a href="https://unpkg.com/open-props/borders.css">borders.css</a>
782+ </div>
783+
784+ <div class="size"><strong>0.7</strong>kB</div>
785+ <div class="file">
786+ <a href="https://unpkg.com/open-props/colors.css">colors.css</a>
787+ </div>
788+
789+ <div class="size"><strong>0.2</strong>kB</div>
790+ <div class="file">
791+ <a href="https://unpkg.com/open-props/easings.css">easings.css</a>
792+ </div>
793+
794+ <div class="size"><strong>0.4</strong>kB</div>
795+ <div class="file">
796+ <a href="https://unpkg.com/open-props/fonts.css">fonts.css</a>
797+ </div>
798+
799+ <div class="size"><strong>1</strong>kB</div>
800+ <div class="file">
801+ <a href="https://unpkg.com/open-props/gradients.css">gradients.css</a>
802+ </div>
803+
804+ <div class="size"><strong>0.4</strong>kB</div>
805+ <div class="file">
806+ <a href="https://unpkg.com/open-props/media.css">media.css</a>
807+ </div>
808+
809+ <div class="size"><strong>0.25</strong>kB</div>
810+ <div class="file">
811+ <a href="https://unpkg.com/open-props/shadows.css">shadows.css</a>
812+ </div>
813+
814+ <div class="size"><strong>0.2</strong>kB</div>
815+ <div class="file">
816+ <a href="https://unpkg.com/open-props/sizes.css">sizes.css</a>
817+ </div>
818+
819+ <div class="size"><strong>0.1</strong>kB</div>
820+ <div class="file">
821+ <a href="https://unpkg.com/open-props/supports.css">supports.css</a>
822+ </div>
823+
824+ <div class="size"><strong>0.05</strong>kB</div>
825+ <div class="file">
826+ <a href="https://unpkg.com/open-props/zindex.css">zindex.css</a>
827+ </div>
828+
829+ <div class="size"><strong>??</strong></div>
830+ <div class="file">icons.css <small class="yellow-badge">WIP</small></div>
831+ <div class="size"><strong>??</strong></div>
832+ <div class="file">svg.css <small class="yellow-badge">WIP</small></div>
833+ <div class="size"><strong>??</strong></div>
834+ <div class="file">patterns.css <small class="yellow-badge">WIP</small></div>
835+ <div class="size"><strong>??</strong></div>
836+ <div class="file">shapes.css <small class="yellow-badge">WIP</small></div>
837+ <div class="size"><strong>??</strong></div>
838+ <div class="file">layouts.css <small class="yellow-badge">WIP</small></div>
839+ <div class="size"><strong>??</strong></div>
840+ <div class="file">clips.css <small class="yellow-badge">WIP</small></div>
841+ <div class="size"><strong>??</strong></div>
842+ <div class="file">masks.css <small class="yellow-badge">WIP</small></div>
843+ <div class="size"><strong>??</strong></div>
844+ <div class="file">icons.css <small class="yellow-badge">WIP</small></div>
845+ <div class="size"><strong>??</strong></div>
846+ <div class="file">lists.css <small class="yellow-badge">WIP</small></div>
847+ <div class="size"><strong>??</strong></div>
848+ <div class="file">counters.css <small class="yellow-badge">WIP</small></div>
849+ <div class="size"><strong>??</strong></div>
850+ <div class="file">utilities.css <small class="yellow-badge">WIP</small></div>
851+ </dd>
852+ </div>
853+ </dl>
854+ </section>
855+
856+ <section id="getting-started">
857+ <header>
858+ <h2>Getting Started</h2>
859+ <p>Modern CSS and <a href="https://postcss.org/">PostCSS</a> versions available.</p>
860+ </header>
861+ <article class="installation">
862+ <header>
863+ <h3>Installation</h3>
864+ <p>Grab the props with a URL or from NPM.</p>
865+ </header>
866+
867+ <div class="block-wrap">
868+ <div class="contain-pre">
869+ <div>
870+ <h4>NPM</h4>
871+ <pre class="language-bash"><code>npm install open-props</code></pre>
872+ </div>
873+
874+ <h5>CSS</h5>
875+ <div>
876+ <h6>Bundles</h6>
877+ <div class="block-wrap">
878+ <pre class="language-css"><code>
879+ @import "open-props";
880+ @import "open-props/reset.css";
881+ </code></pre>
882+
883+ <pre class="language-js"><code>
884+ import 'open-props';
885+ import 'open-props/reset.css';
886+ </code></pre>
887+ </div>
888+ </div>
889+
890+ <div>
891+ <h6>Individual packs</h6>
892+ <div class="block-wrap">
893+ <pre class="language-css"><code>
894+ @import "open-props/sizes.css";
895+ @import "open-props/colors.css";
896+ @import "open-props/gradients.css";
897+ /* etc */
898+ </code></pre>
899+
900+ <pre class="language-js"><code>
901+ import 'open-props/sizes.css';
902+ import 'open-props/colors.css';
903+ import 'open-props/gradients.css';
904+ /* etc */
905+ </code></pre>
906+ </div>
907+ </div>
908+
909+ <h5>PostCSS</h5>
910+
911+ <div class="block-wrap">
912+ <div>
913+ <h6>Entry points</h6>
914+ <pre class="language-css"><code>
915+ @import "open-props/src/index.css";
916+ @import "open-props/src/extra/reset.css";
917+ </code></pre>
918+ </div>
919+
920+ <div>
921+ <h6>Individual packs</h6>
922+ <pre class="language-css"><code>
923+ @import "open-props/src/sizes.css";
924+ @import "open-props/src/aspects.css";
925+ @import "open-props/src/easings.css";
926+ /* etc */
927+ </code></pre>
928+ </div>
929+ </div>
930+ </div>
931+
932+ <div class="contain-pre">
933+ <h4>CDN</h4>
934+ <blockquote class="icon-quote indigo">
935+ <svg viewBox="0 0 24 24">
936+ <path d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z" />
937+ </svg>
938+ <p>No install step required.</p>
939+ </blockquote>
940+
941+ <h5>CSS</h5>
942+ <div>
943+ <h6>Bundles</h6>
944+ <div class="block-wrap">
945+ <pre class="language-css"><code>
946+ @import "https://unpkg.com/open-props";
947+ @import "https://unpkg.com/open-props/reset.css";
948+ </code></pre>
949+
950+ <pre class="language-html"><code>
951+ &#60;link rel="stylesheet" href="https://unpkg.com/open-props"/&#62;
952+ &#60;link rel="stylesheet" href="https://unpkg.com/open-props/reset.css"/&#62;
953+ </code></pre>
954+
955+ <pre class="language-js"><code>
956+ import 'https://unpkg.com/open-props';
957+ import 'https://unpkg.com/open-props/reset.css';
958+ </code></pre>
959+ </div>
960+ </div>
961+
962+ <div>
963+ <h6>Individual packs</h6>
964+ <pre class="language-css"><code>
965+ @import "https://unpkg.com/open-props/colors.css";
966+ @import "https://unpkg.com/open-props/easings.css";
967+ @import "https://unpkg.com/open-props/sizes.css";
968+ /* etc */
969+ </code></pre>
970+ </div>
971+
972+ <h5>PostCSS</h5>
973+ <div>
974+ <h6>Entry Points</h6>
975+ <pre class="language-css"><code>
976+ @import "https://unpkg.com/open-props/src/index.css";
977+ @import "https://unpkg.com/open-props/src/extra/reset.css";
978+ </code></pre>
979+ </div>
980+
981+ <div>
982+ <h6>Individual packs</h6>
983+ <pre class="language-css"><code>
984+ @import "https://unpkg.com/open-props/src/colors.css";
985+ @import "https://unpkg.com/open-props/src/easings.css";
986+ @import "https://unpkg.com/open-props/src/sizes.css";
987+ /* etc */
988+ </code></pre>
989+ </div>
990+ </div>
991+ </div>
992+ </article>
993+ </section>
994+
995+ <!-- <section>
996+ <header>
997+ <h2>Naming Convention</h2>
998+ <blockquote>
999+ <p>Built for predictability and easy options cycling</p>
1000+ </blockquote>
1001+ </header>
1002+ <ol>
1003+ <li>Colors range from 0 (nearly white) to 9 (nearly black)</li>
1004+ <li><code class="language-css">var(--size-1)</code>, <code class="language-css">var(--gradient-1)</code> are safe values</li>
1005+ <li><code class="language-css">var(--size-00)</code>, <code class="language-css">var(--font-leading-00)</code> are allowed unsafe negative values</li>
1006+ <li><code class="language-css">var(--font-light)</code> and <code class="language-css">@media (--portrait)</code> are examples of exceptions to the number system. to match common industry verbiage.</li>
1007+ </ol>
1008+ </section> -->
1009+
1010+ <section id="colors">
1011+ <header>
1012+ <h2>Colors</h2>
1013+ <div class="block-wrap">
1014+ <p>Open Props includes <a href="https://yeun.github.io/open-color/">Open Color</a> (Version 1.9.1): an open-source color scheme. Optimized for UI.</p>
1015+ <blockquote class="icon-quote">
1016+ <svg viewBox="0 0 24 24">
1017+ <path d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" />
1018+ </svg>
1019+ <span>Open devtools, open the color picker, set the swatches to the page's custom properties, and enjoy picking from the set!</span>
1020+ </blockquote>
1021+ </div>
1022+ </header>
1023+
1024+ <div class="block-wrap">
1025+ <div>
1026+ <h5>Vars Overview</h5>
1027+ <div class="var-examples">
1028+ <pre class="language-css"><code>
1029+ --color-gray-{0-9}
1030+ --color-red-{0-9}
1031+ --color-pink-{0-9}
1032+ --color-grape-{0-9}
1033+ --color-violet-{0-9}
1034+ --color-indigo-{0-9}
1035+ --color-blue-{0-9}
1036+ --color-cyan-{0-9}
1037+ --color-teal-{0-9}
1038+ --color-green-{0-9}
1039+ --color-lime-{0-9}
1040+ --color-yellow-{0-9}
1041+ --color-orange-{0-9}
1042+ </code></pre>
1043+ </div>
1044+ </div>
1045+ <div>
1046+ <h5>Usage Sample</h5>
1047+ <pre class="language-css"><code>
1048+ button.blue {
1049+ color: var(--blue-6);
1050+ background-color: var(--blue-0);
1051+ border: 1px solid var(--blue-1);
1052+ text-shadow: 0 1px 0 var(--blue-2);
1053+
1054+ &:hover {
1055+ background-color: var(--blue-1);
1056+ }
1057+ }
1058+ </code></pre>
1059+ </div>
1060+ </div>
1061+ <article class="just-stretch">
1062+ <div class="open-colors">
1063+ <h4>Gray</h4>
1064+ <span class="color-swatch" style="background-color: var(--gray-0)"></span>
1065+ <span class="color-swatch" style="background-color: var(--gray-1)"></span>
1066+ <span class="color-swatch" style="background-color: var(--gray-2)"></span>
1067+ <span class="color-swatch" style="background-color: var(--gray-3)"></span>
1068+ <span class="color-swatch" style="background-color: var(--gray-4)"></span>
1069+ <span class="color-swatch" style="background-color: var(--gray-5)"></span>
1070+ <span class="color-swatch" style="background-color: var(--gray-6)"></span>
1071+ <span class="color-swatch" style="background-color: var(--gray-7)"></span>
1072+ <span class="color-swatch" style="background-color: var(--gray-8)"></span>
1073+ <span class="color-swatch" style="background-color: var(--gray-9)"></span>
1074+ </div>
1075+ <div class="open-colors">
1076+ <h4>Red</h4>
1077+ <span class="color-swatch" style="background-color: var(--red-0)"></span>
1078+ <span class="color-swatch" style="background-color: var(--red-1)"></span>
1079+ <span class="color-swatch" style="background-color: var(--red-2)"></span>
1080+ <span class="color-swatch" style="background-color: var(--red-3)"></span>
1081+ <span class="color-swatch" style="background-color: var(--red-4)"></span>
1082+ <span class="color-swatch" style="background-color: var(--red-5)"></span>
1083+ <span class="color-swatch" style="background-color: var(--red-6)"></span>
1084+ <span class="color-swatch" style="background-color: var(--red-7)"></span>
1085+ <span class="color-swatch" style="background-color: var(--red-8)"></span>
1086+ <span class="color-swatch" style="background-color: var(--red-9)"></span>
1087+ </div>
1088+ <div class="open-colors">
1089+ <h4>Pink</h4>
1090+ <span class="color-swatch" style="background-color: var(--pink-0)"></span>
1091+ <span class="color-swatch" style="background-color: var(--pink-1)"></span>
1092+ <span class="color-swatch" style="background-color: var(--pink-2)"></span>
1093+ <span class="color-swatch" style="background-color: var(--pink-3)"></span>
1094+ <span class="color-swatch" style="background-color: var(--pink-4)"></span>
1095+ <span class="color-swatch" style="background-color: var(--pink-5)"></span>
1096+ <span class="color-swatch" style="background-color: var(--pink-6)"></span>
1097+ <span class="color-swatch" style="background-color: var(--pink-7)"></span>
1098+ <span class="color-swatch" style="background-color: var(--pink-8)"></span>
1099+ <span class="color-swatch" style="background-color: var(--pink-9)"></span>
1100+ </div>
1101+ <div class="open-colors">
1102+ <h4>Grape</h4>
1103+ <span class="color-swatch" style="background-color: var(--grape-0)"></span>
1104+ <span class="color-swatch" style="background-color: var(--grape-1)"></span>
1105+ <span class="color-swatch" style="background-color: var(--grape-2)"></span>
1106+ <span class="color-swatch" style="background-color: var(--grape-3)"></span>
1107+ <span class="color-swatch" style="background-color: var(--grape-4)"></span>
1108+ <span class="color-swatch" style="background-color: var(--grape-5)"></span>
1109+ <span class="color-swatch" style="background-color: var(--grape-6)"></span>
1110+ <span class="color-swatch" style="background-color: var(--grape-7)"></span>
1111+ <span class="color-swatch" style="background-color: var(--grape-8)"></span>
1112+ <span class="color-swatch" style="background-color: var(--grape-9)"></span>
1113+ </div>
1114+ <div class="open-colors">
1115+ <h4>Violet</h4>
1116+ <span class="color-swatch" style="background-color: var(--violet-0)"></span>
1117+ <span class="color-swatch" style="background-color: var(--violet-1)"></span>
1118+ <span class="color-swatch" style="background-color: var(--violet-2)"></span>
1119+ <span class="color-swatch" style="background-color: var(--violet-3)"></span>
1120+ <span class="color-swatch" style="background-color: var(--violet-4)"></span>
1121+ <span class="color-swatch" style="background-color: var(--violet-5)"></span>
1122+ <span class="color-swatch" style="background-color: var(--violet-6)"></span>
1123+ <span class="color-swatch" style="background-color: var(--violet-7)"></span>
1124+ <span class="color-swatch" style="background-color: var(--violet-8)"></span>
1125+ <span class="color-swatch" style="background-color: var(--violet-9)"></span>
1126+ </div>
1127+ <div class="open-colors">
1128+ <h4>Indigo</h4>
1129+ <span class="color-swatch" style="background-color: var(--indigo-0)"></span>
1130+ <span class="color-swatch" style="background-color: var(--indigo-1)"></span>
1131+ <span class="color-swatch" style="background-color: var(--indigo-2)"></span>
1132+ <span class="color-swatch" style="background-color: var(--indigo-3)"></span>
1133+ <span class="color-swatch" style="background-color: var(--indigo-4)"></span>
1134+ <span class="color-swatch" style="background-color: var(--indigo-5)"></span>
1135+ <span class="color-swatch" style="background-color: var(--indigo-6)"></span>
1136+ <span class="color-swatch" style="background-color: var(--indigo-7)"></span>
1137+ <span class="color-swatch" style="background-color: var(--indigo-8)"></span>
1138+ <span class="color-swatch" style="background-color: var(--indigo-9)"></span>
1139+ </div>
1140+ <div class="open-colors">
1141+ <h4>Blue</h4>
1142+ <span class="color-swatch" style="background-color: var(--blue-0)"></span>
1143+ <span class="color-swatch" style="background-color: var(--blue-1)"></span>
1144+ <span class="color-swatch" style="background-color: var(--blue-2)"></span>
1145+ <span class="color-swatch" style="background-color: var(--blue-3)"></span>
1146+ <span class="color-swatch" style="background-color: var(--blue-4)"></span>
1147+ <span class="color-swatch" style="background-color: var(--blue-5)"></span>
1148+ <span class="color-swatch" style="background-color: var(--blue-6)"></span>
1149+ <span class="color-swatch" style="background-color: var(--blue-7)"></span>
1150+ <span class="color-swatch" style="background-color: var(--blue-8)"></span>
1151+ <span class="color-swatch" style="background-color: var(--blue-9)"></span>
1152+ </div>
1153+ <div class="open-colors">
1154+ <h4>Cyan</h4>
1155+ <span class="color-swatch" style="background-color: var(--cyan-0)"></span>
1156+ <span class="color-swatch" style="background-color: var(--cyan-1)"></span>
1157+ <span class="color-swatch" style="background-color: var(--cyan-2)"></span>
1158+ <span class="color-swatch" style="background-color: var(--cyan-3)"></span>
1159+ <span class="color-swatch" style="background-color: var(--cyan-4)"></span>
1160+ <span class="color-swatch" style="background-color: var(--cyan-5)"></span>
1161+ <span class="color-swatch" style="background-color: var(--cyan-6)"></span>
1162+ <span class="color-swatch" style="background-color: var(--cyan-7)"></span>
1163+ <span class="color-swatch" style="background-color: var(--cyan-8)"></span>
1164+ <span class="color-swatch" style="background-color: var(--cyan-9)"></span>
1165+ </div>
1166+ <div class="open-colors">
1167+ <h4>Teal</h4>
1168+ <span class="color-swatch" style="background-color: var(--teal-0)"></span>
1169+ <span class="color-swatch" style="background-color: var(--teal-1)"></span>
1170+ <span class="color-swatch" style="background-color: var(--teal-2)"></span>
1171+ <span class="color-swatch" style="background-color: var(--teal-3)"></span>
1172+ <span class="color-swatch" style="background-color: var(--teal-4)"></span>
1173+ <span class="color-swatch" style="background-color: var(--teal-5)"></span>
1174+ <span class="color-swatch" style="background-color: var(--teal-6)"></span>
1175+ <span class="color-swatch" style="background-color: var(--teal-7)"></span>
1176+ <span class="color-swatch" style="background-color: var(--teal-8)"></span>
1177+ <span class="color-swatch" style="background-color: var(--teal-9)"></span>
1178+ </div>
1179+ <div class="open-colors">
1180+ <h4>Green</h4>
1181+ <span class="color-swatch" style="background-color: var(--green-0)"></span>
1182+ <span class="color-swatch" style="background-color: var(--green-1)"></span>
1183+ <span class="color-swatch" style="background-color: var(--green-2)"></span>
1184+ <span class="color-swatch" style="background-color: var(--green-3)"></span>
1185+ <span class="color-swatch" style="background-color: var(--green-4)"></span>
1186+ <span class="color-swatch" style="background-color: var(--green-5)"></span>
1187+ <span class="color-swatch" style="background-color: var(--green-6)"></span>
1188+ <span class="color-swatch" style="background-color: var(--green-7)"></span>
1189+ <span class="color-swatch" style="background-color: var(--green-8)"></span>
1190+ <span class="color-swatch" style="background-color: var(--green-9)"></span>
1191+ </div>
1192+ <div class="open-colors">
1193+ <h4>Lime</h4>
1194+ <span class="color-swatch" style="background-color: var(--lime-0)"></span>
1195+ <span class="color-swatch" style="background-color: var(--lime-1)"></span>
1196+ <span class="color-swatch" style="background-color: var(--lime-2)"></span>
1197+ <span class="color-swatch" style="background-color: var(--lime-3)"></span>
1198+ <span class="color-swatch" style="background-color: var(--lime-4)"></span>
1199+ <span class="color-swatch" style="background-color: var(--lime-5)"></span>
1200+ <span class="color-swatch" style="background-color: var(--lime-6)"></span>
1201+ <span class="color-swatch" style="background-color: var(--lime-7)"></span>
1202+ <span class="color-swatch" style="background-color: var(--lime-8)"></span>
1203+ <span class="color-swatch" style="background-color: var(--lime-9)"></span>
1204+ </div>
1205+ <div class="open-colors">
1206+ <h4>Yellow</h4>
1207+ <span class="color-swatch" style="background-color: var(--yellow-0)"></span>
1208+ <span class="color-swatch" style="background-color: var(--yellow-1)"></span>
1209+ <span class="color-swatch" style="background-color: var(--yellow-2)"></span>
1210+ <span class="color-swatch" style="background-color: var(--yellow-3)"></span>
1211+ <span class="color-swatch" style="background-color: var(--yellow-4)"></span>
1212+ <span class="color-swatch" style="background-color: var(--yellow-5)"></span>
1213+ <span class="color-swatch" style="background-color: var(--yellow-6)"></span>
1214+ <span class="color-swatch" style="background-color: var(--yellow-7)"></span>
1215+ <span class="color-swatch" style="background-color: var(--yellow-8)"></span>
1216+ <span class="color-swatch" style="background-color: var(--yellow-9)"></span>
1217+ </div>
1218+ <div class="open-colors">
1219+ <h4>Orange</h4>
1220+ <span class="color-swatch" style="background-color: var(--orange-0)"></span>
1221+ <span class="color-swatch" style="background-color: var(--orange-1)"></span>
1222+ <span class="color-swatch" style="background-color: var(--orange-2)"></span>
1223+ <span class="color-swatch" style="background-color: var(--orange-3)"></span>
1224+ <span class="color-swatch" style="background-color: var(--orange-4)"></span>
1225+ <span class="color-swatch" style="background-color: var(--orange-5)"></span>
1226+ <span class="color-swatch" style="background-color: var(--orange-6)"></span>
1227+ <span class="color-swatch" style="background-color: var(--orange-7)"></span>
1228+ <span class="color-swatch" style="background-color: var(--orange-8)"></span>
1229+ <span class="color-swatch" style="background-color: var(--orange-9)"></span>
1230+ </div>
1231+ </article>
1232+ </section>
1233+
1234+ <section id="gradients" class="just-stretch">
1235+ <header>
1236+ <h2>Gradients</h2>
1237+ <p>Open Props includes gradients from <a href="https://github.com/ghosh/uiGradients">UIgradients</a>.</p>
1238+ </header>
1239+
1240+ <div class="block-wrap">
1241+ <div>
1242+ <h5>Vars Overview</h5>
1243+ <div class="var-examples">
1244+ <pre class="language-css"><code>
1245+ --gradient-{0-30}
1246+ --conic-gradient-{0-30}
1247+ </code></pre>
1248+ </div>
1249+ </div>
1250+ <div>
1251+ <h5>Usage Sample</h5>
1252+ <pre class="language-css"><code>
1253+ header {
1254+ background-image: var(--gradient-5);
1255+
1256+ @media (--OSdark) {
1257+ background-image: var(--conic-gradient-15);
1258+ }
1259+ }
1260+ </code></pre>
1261+ </div>
1262+ </div>
1263+ <article class="just-stretch">
1264+ <h4>Linear Gradients</h4>
1265+ <div class="ui-gradients">
1266+ <span class="gradient-swatch" style="background-image: var(--gradient-1)"></span>
1267+ <span class="gradient-swatch" style="background-image: var(--gradient-2)"></span>
1268+ <span class="gradient-swatch" style="background-image: var(--gradient-3)"></span>
1269+ <span class="gradient-swatch" style="background-image: var(--gradient-4)"></span>
1270+ <span class="gradient-swatch" style="background-image: var(--gradient-5)"></span>
1271+ <span class="gradient-swatch" style="background-image: var(--gradient-6)"></span>
1272+ <span class="gradient-swatch" style="background-image: var(--gradient-7)"></span>
1273+ <span class="gradient-swatch" style="background-image: var(--gradient-8)"></span>
1274+ <span class="gradient-swatch" style="background-image: var(--gradient-9)"></span>
1275+ <span class="gradient-swatch" style="background-image: var(--gradient-10)"></span>
1276+ <span class="gradient-swatch" style="background-image: var(--gradient-11)"></span>
1277+ <span class="gradient-swatch" style="background-image: var(--gradient-12)"></span>
1278+ <span class="gradient-swatch" style="background-image: var(--gradient-13)"></span>
1279+ <span class="gradient-swatch" style="background-image: var(--gradient-14)"></span>
1280+ <span class="gradient-swatch" style="background-image: var(--gradient-15)"></span>
1281+ <span class="gradient-swatch" style="background-image: var(--gradient-16)"></span>
1282+ <span class="gradient-swatch" style="background-image: var(--gradient-17)"></span>
1283+ <span class="gradient-swatch" style="background-image: var(--gradient-18)"></span>
1284+ <span class="gradient-swatch" style="background-image: var(--gradient-19)"></span>
1285+ <span class="gradient-swatch" style="background-image: var(--gradient-20)"></span>
1286+ <span class="gradient-swatch" style="background-image: var(--gradient-21)"></span>
1287+ <span class="gradient-swatch" style="background-image: var(--gradient-22)"></span>
1288+ <span class="gradient-swatch" style="background-image: var(--gradient-23)"></span>
1289+ <span class="gradient-swatch" style="background-image: var(--gradient-24)"></span>
1290+ <span class="gradient-swatch" style="background-image: var(--gradient-25)"></span>
1291+ <span class="gradient-swatch" style="background-image: var(--gradient-26)"></span>
1292+ <span class="gradient-swatch" style="background-image: var(--gradient-27)"></span>
1293+ <span class="gradient-swatch" style="background-image: var(--gradient-28)"></span>
1294+ <span class="gradient-swatch" style="background-image: var(--gradient-29)"></span>
1295+ <span class="gradient-swatch" style="background-image: var(--gradient-30)"></span>
1296+ </div>
1297+ </article>
1298+
1299+ <article class="just-stretch">
1300+ <h4>Conic Gradients</h4>
1301+ <div class="ui-gradients">
1302+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-1)"></span>
1303+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-2)"></span>
1304+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-3)"></span>
1305+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-4)"></span>
1306+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-5)"></span>
1307+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-6)"></span>
1308+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-7)"></span>
1309+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-8)"></span>
1310+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-9)"></span>
1311+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-10)"></span>
1312+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-11)"></span>
1313+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-12)"></span>
1314+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-13)"></span>
1315+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-14)"></span>
1316+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-15)"></span>
1317+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-16)"></span>
1318+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-17)"></span>
1319+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-18)"></span>
1320+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-19)"></span>
1321+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-20)"></span>
1322+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-21)"></span>
1323+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-22)"></span>
1324+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-23)"></span>
1325+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-24)"></span>
1326+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-25)"></span>
1327+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-26)"></span>
1328+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-27)"></span>
1329+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-28)"></span>
1330+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-29)"></span>
1331+ <span class="gradient-swatch" style="background-image: var(--conic-gradient-30)"></span>
1332+ </div>
1333+ </article>
1334+ </section>
1335+
1336+ <section id="shadows">
1337+ <header>
1338+ <h2>Shadows</h2>
1339+ <p>Light and dark theme adaptive inner and outer shadows.</p>
1340+ </header>
1341+ <div class="block-wrap">
1342+ <div>
1343+
1344+ <h5>Vars Overview</h5>
1345+ <div class="var-examples">
1346+ <pre class="language-css"><code>
1347+ --shadow-{1-4}
1348+ --inner-shadow-{0-4}
1349+ </code></pre>
1350+ </div>
1351+ </div>
1352+ <div>
1353+ <h5>Usage Sample</h5>
1354+ <pre class="language-css"><code>
1355+ .card {
1356+ box-shadow: var(--shadow-1);
1357+
1358+ &:hover {
1359+ box-shadow: var(--shadow-3);
1360+ }
1361+ }
1362+ </code></pre>
1363+ </div>
1364+ </div>
1365+ <article class="shadow-demos">
1366+ <div style="box-shadow: var(--shadow-1)"></div>
1367+ <div style="box-shadow: var(--shadow-2)"></div>
1368+ <div style="box-shadow: var(--shadow-3)"></div>
1369+ <div style="box-shadow: var(--shadow-4)"></div>
1370+ <div style="box-shadow: var(--inner-shadow-0)"></div>
1371+ <div style="box-shadow: var(--inner-shadow-1)"></div>
1372+ <div style="box-shadow: var(--inner-shadow-2)"></div>
1373+ <div style="box-shadow: var(--inner-shadow-3)"></div>
1374+ <div style="box-shadow: var(--inner-shadow-4)"></div>
1375+ </article>
1376+ </section>
1377+
1378+ <section id="aspect-ratio">
1379+ <header>
1380+ <h2>Aspect Ratios</h2>
1381+ </header>
1382+ <div class="block-wrap">
1383+ <div>
1384+
1385+ <h5>Vars Sample</h5>
1386+ <div class="var-examples">
1387+ <pre class="language-css"><code>
1388+ --aspect-box: 1;
1389+ --aspect-landscape: 4/3;
1390+ --aspect-portrait: 3/4;
1391+ --aspect-widescreen: 16/9;
1392+ --aspect-ultrawide: 18/5;
1393+ --golden-ratio: 1.6180/1;
1394+ </code></pre>
1395+ </div>
1396+ </div>
1397+ <div>
1398+ <h5>Usage Sample</h5>
1399+ <pre class="language-css"><code>
1400+ .video-thumbnail {
1401+ block-size: 480px;
1402+ aspect-ratio: var(--aspect-widescreen);
1403+ }
1404+ </code></pre>
1405+ </div>
1406+ </div>
1407+ <article class="aspect-demos">
1408+ <div style="aspect-ratio: var(--aspect-box)">box</div>
1409+ <div style="aspect-ratio: var(--aspect-landscape)">landscape</div>
1410+ <div style="aspect-ratio: var(--aspect-portrait)">portrait</div>
1411+ <div style="aspect-ratio: var(--aspect-widescreen)">widescreen</div>
1412+ <div style="aspect-ratio: 1.6180/1">golden ratio</div>
1413+ <div style="aspect-ratio: 18/5">ultrawide</div>
1414+ </article>
1415+ </section>
1416+
1417+ <section id="typography">
1418+ <header>
1419+ <h2>Typography</h2>
1420+ <p>Liquid and static font sizes, smart line heights, other familiar looking typography variables, ready to go.</p>
1421+ </header>
1422+ <div class="block-wrap">
1423+
1424+
1425+ <div>
1426+ <h5>Vars Overview</h5>
1427+ <div class="var-examples">
1428+ <pre class="language-css"><code>
1429+ --font-size-{00-8}
1430+ --font-size-fluid{0-3}
1431+ --font-weight-{1-9}
1432+ --font-letterspacing-{0-4}
1433+ --font-relative-lineheight-{1-6}
1434+ </code></pre>
1435+ </div>
1436+ </div>
1437+
1438+ <div>
1439+ <h5>Usage Sample</h5>
1440+ <pre class="language-css"><code>
1441+ .hero {
1442+ line-height: var(--font-relative-leading-2);
1443+ font-size: var(--font-size-fluid-3);
1444+ font-weight: var(--font-weight-9);
1445+ font-family: var(--font-sans);
1446+ }
1447+ </code></pre>
1448+ </div>
1449+ </div>
1450+
1451+ <article class="font-sizes">
1452+ <h4>Font Families</h4>
1453+ <pre class="language-css"><code>
1454+ --font-sans: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
1455+ --font-serif: ui-serif,serif;
1456+ --font-mono: Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace;
1457+ </code></pre>
1458+ <div class="block-wrap">
1459+ <div class="font-family-grid">
1460+ <code class="language-css">--font-sans</code>
1461+ <div>
1462+ <span>A</span><span>B</span><span>C</span><span>D</span><span>E</span><span>F</span><span>G</span><span>H</span><span>I</span><span>J</span><span>K</span><span>L</span><span>M</span><span>N</span><span>O</span><span>P</span><span>Q</span><span>R</span><span>S</span><span>T</span><span>U</span><span>V</span><span>W</span><span>X</span><span>Y</span><span>Z</span><span>a</span><span>b</span><span>c</span><span>d</span><span>e</span><span>f</span><span>g</span><span>h</span><span>i</span><span>j</span><span>k</span><span>l</span><span>m</span><span>n</span><span>o</span><span>p</span><span>q</span><span>r</span><span>s</span><span>t</span><span>u</span><span>v</span><span>w</span><span>x</span><span>y</span><span>z</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>+</span><span>=</span><span>!</span><span>@</span><span>#</span><span>%</span><span>$</span><span>%</span><span>^</span><span>&amp;</span>
1463+ </div>
1464+ </div>
1465+ <div class="font-family-grid">
1466+ <code class="language-css">--font-serif</code>
1467+ <div style="font-family: var(--font-serif)">
1468+ <span>A</span><span>B</span><span>C</span><span>D</span><span>E</span><span>F</span><span>G</span><span>H</span><span>I</span><span>J</span><span>K</span><span>L</span><span>M</span><span>N</span><span>O</span><span>P</span><span>Q</span><span>R</span><span>S</span><span>T</span><span>U</span><span>V</span><span>W</span><span>X</span><span>Y</span><span>Z</span><span>a</span><span>b</span><span>c</span><span>d</span><span>e</span><span>f</span><span>g</span><span>h</span><span>i</span><span>j</span><span>k</span><span>l</span><span>m</span><span>n</span><span>o</span><span>p</span><span>q</span><span>r</span><span>s</span><span>t</span><span>u</span><span>v</span><span>w</span><span>x</span><span>y</span><span>z</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>+</span><span>=</span><span>!</span><span>@</span><span>#</span><span>%</span><span>$</span><span>%</span><span>^</span><span>&amp;</span>
1469+ </div>
1470+ </div>
1471+ <div class="font-family-grid">
1472+ <code class="language-css">--font-mono</code>
1473+ <div style="font-family: var(--font-mono)">
1474+ <span>A</span><span>B</span><span>C</span><span>D</span><span>E</span><span>F</span><span>G</span><span>H</span><span>I</span><span>J</span><span>K</span><span>L</span><span>M</span><span>N</span><span>O</span><span>P</span><span>Q</span><span>R</span><span>S</span><span>T</span><span>U</span><span>V</span><span>W</span><span>X</span><span>Y</span><span>Z</span><span>a</span><span>b</span><span>c</span><span>d</span><span>e</span><span>f</span><span>g</span><span>h</span><span>i</span><span>j</span><span>k</span><span>l</span><span>m</span><span>n</span><span>o</span><span>p</span><span>q</span><span>r</span><span>s</span><span>t</span><span>u</span><span>v</span><span>w</span><span>x</span><span>y</span><span>z</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>+</span><span>=</span><span>!</span><span>@</span><span>#</span><span>%</span><span>$</span><span>%</span><span>^</span><span>&amp;</span>
1475+ </div>
1476+ </div>
1477+ </div>
1478+ </article>
1479+
1480+ <article class="font-sizes">
1481+ <div class="block-wrap">
1482+ <div>
1483+ <h4>Font Weights</h4>
1484+ <pre class="language-css"><code>
1485+ --font-weight-1: 100;
1486+ --font-weight-2: 200;
1487+ --font-weight-3: 300;
1488+ --font-weight-4: 400;
1489+ --font-weight-5: 500;
1490+ --font-weight-6: 600;
1491+ --font-weight-7: 700;
1492+ --font-weight-8: 800;
1493+ --font-weight-9: 900;
1494+ </code></pre>
1495+ </div>
1496+ <div class="font-weights">
1497+ <span style="font-weight:var(--font-weight-1)">A</span>
1498+ <span style="font-weight:var(--font-weight-2)">A</span>
1499+ <span style="font-weight:var(--font-weight-3)">A</span>
1500+ <span style="font-weight:var(--font-weight-4)">A</span>
1501+ <span style="font-weight:var(--font-weight-5)">A</span>
1502+ <span style="font-weight:var(--font-weight-6)">A</span>
1503+ <span style="font-weight:var(--font-weight-7)">A</span>
1504+ <span style="font-weight:var(--font-weight-8)">A</span>
1505+ <span style="font-weight:var(--font-weight-9)">A</span>
1506+ </div>
1507+ </div>
1508+ </article>
1509+
1510+ <article class="font-sizes">
1511+ <h4>Letter Spacing</h4>
1512+ <pre class="language-css"><code>
1513+ --font-letterspacing-0: -.05em;
1514+ --font-letterspacing-1: .025em;
1515+ --font-letterspacing-2: .025em;
1516+ --font-letterspacing-3: .05em;
1517+ --font-letterspacing-4: .1em;
1518+ </code></pre>
1519+ </article>
1520+
1521+ <article class="font-sizes">
1522+ <h4>Line Height</h4>
1523+ <pre class="language-css"><code>
1524+ --font-lineheight-00: .95;
1525+ --font-lineheight-0: 1.1;
1526+ --font-lineheight-1: 1.25;
1527+ --font-lineheight-2: 1.375;
1528+ --font-lineheight-3: 1.5;
1529+ --font-lineheight-4: 1.75;
1530+ --font-lineheight-5: 2;
1531+ </code></pre>
1532+ </article>
1533+
1534+ <article class="font-sizes">
1535+ <header>
1536+ <h4>Relative Line Height</h4>
1537+ <p>These line heights tighten as the font size is increased.</p>
1538+ </header>
1539+ <pre class="language-css"><code>
1540+ --font-relative-lineheight-1: calc(1rem + 1.1ch);
1541+ --font-relative-lineheight-2: calc(1rem + 1.25ch);
1542+ --font-relative-lineheight-3: calc(1rem + 1.5ch);
1543+ --font-relative-lineheight-4: calc(1rem + 2ch);
1544+ --font-relative-lineheight-5: calc(1rem + 2.5ch);
1545+ --font-relative-lineheight-6: calc(1rem + 3ch);
1546+ </code></pre>
1547+ </article>
1548+
1549+ <article class="font-sizes">
1550+ <h4>Font Sizes</h4>
1551+ <pre class="language-css"><code>
1552+ --font-size-00: .5rem;
1553+ --font-size-0: .75rem;
1554+ --font-size-1: 1rem;
1555+ --font-size-2: 1.1rem;
1556+ --font-size-3: 1.25rem;
1557+ --font-size-4: 1.5rem;
1558+ --font-size-5: 2rem;
1559+ --font-size-6: 2.5rem;
1560+ --font-size-7: 3rem;
1561+ --font-size-8: 3.5rem;
1562+ </code></pre>
1563+ <div class="scroll-x-overflow"><div class="font-size-examples">
1564+ <code class="language-css">var(--font-size-00)</code>
1565+ <span style="font-size: var(--font-size-00)">Almost before you knew it, we'd touched ground.</span>
1566+ <code class="language-css">var(--font-size-0)</code>
1567+ <span style="font-size: var(--font-size-0)">Almost before you knew it, we'd touched ground.</span>
1568+ <code class="language-css">var(--font-size-1)</code>
1569+ <span style="font-size: var(--font-size-1)">Almost before you knew it, we'd touched ground.</span>
1570+ <code class="language-css">var(--font-size-2)</code>
1571+ <span style="font-size: var(--font-size-2)">Almost before you knew it, we'd touched ground.</span>
1572+ <code class="language-css">var(--font-size-3)</code>
1573+ <span style="font-size: var(--font-size-3)">Almost before you knew it, we'd touched ground.</span>
1574+ <code class="language-css">var(--font-size-4)</code>
1575+ <span style="font-size: var(--font-size-4)">Almost before you knew it, we'd touched ground.</span>
1576+ <code class="language-css">var(--font-size-5)</code>
1577+ <span style="font-size: var(--font-size-5)">Almost before you knew it, we'd touched ground.</span>
1578+ <code class="language-css">var(--font-size-6)</code>
1579+ <span style="font-size: var(--font-size-6)">Almost before you knew it, we'd touched ground.</span>
1580+ <code class="language-css">var(--font-size-7)</code>
1581+ <span style="font-size: var(--font-size-7)">Almost before you knew it, we'd touched ground.</span>
1582+ <code class="language-css">var(--font-size-8)</code>
1583+ <span style="font-size: var(--font-size-8)">Almost before you knew it, we'd touched ground.</span>
1584+ </div></div>
1585+ </article>
1586+
1587+ <article class="font-sizes">
1588+ <h4>Fluid Font Sizes</h4>
1589+ <pre class="language-css"><code>
1590+ --font-size-fluid-0: clamp(.75rem, 1.5vw, 1rem);
1591+ --font-size-fluid-1: clamp(1rem, 2vw, 1.5rem);
1592+ --font-size-fluid-2: clamp(1.5rem, 3vw, 2.5rem);
1593+ --font-size-fluid-3: clamp(2rem, 4vw, 3.5rem);
1594+ </code></pre>
1595+ <div class="scroll-x-overflow"><div class="font-size-examples">
1596+ <code class="language-css">var(--font-size-fluid-00)</code>
1597+ <span style="font-size: var(--font-size-fluid-00)">Almost before you knew it, we'd touched ground.</span>
1598+ <code class="language-css">var(--font-size-fluid-1)</code>
1599+ <span style="font-size: var(--font-size-fluid-1)">Almost before you knew it, we'd touched ground.</span>
1600+ <code class="language-css">var(--font-size-fluid-2)</code>
1601+ <span style="font-size: var(--font-size-fluid-2)">Almost before you knew it, we'd touched ground.</span>
1602+ <code class="language-css">var(--font-size-fluid-3)</code>
1603+ <span style="font-size: var(--font-size-fluid-3)">Almost before you knew it, we'd touched ground.</span>
1604+ </div></div>
1605+ </article>
1606+ </section>
1607+
1608+ <section id="easing">
1609+ <header>
1610+ <h2>Easing</h2>
1611+ <p>5 strengths for the classic <code class="language-css">ease</code>, <code class="language-css">easeout</code>, <code class="language-css">easein</code>, and <code class="language-css">easeinout</code>. Some extra easings too, a space for mock elasticity and physics.</p>
1612+ </header>
1613+ <div class="block-wrap">
1614+ <div>
1615+ <h5>Vars Overview</h5>
1616+ <div class="var-examples">
1617+ <pre class="language-css"><code>
1618+ --ease-{1-5}
1619+ --ease-in-{1-5}
1620+ --ease-out-{1-5}
1621+ --ease-inout-{1-5}
1622+ --ease-elastic-{1-5}
1623+ --ease-squish-{1-5}
1624+ </code></pre>
1625+ </div>
1626+ </div>
1627+ <div>
1628+ <h5>Usage Sample</h5>
1629+ <pre class="language-css"><code>
1630+ .slight-ease {
1631+ animation: fade-in 300ms var(--ease-1);
1632+ }
1633+
1634+ .dramatic-ease {
1635+ animation: fade-in 1s var(--ease-out-5);
1636+ }
1637+ </code></pre>
1638+ </div>
1639+ </div>
1640+
1641+ <div>
1642+ <h5>Ease</h5>
1643+ <div class="block-wrap">
1644+ <div>
1645+ <div class="var-examples">
1646+ <pre class="language-css"><code>
1647+ --ease-1: cubic-bezier(.25, 0, .5, 1);
1648+ --ease-2: cubic-bezier(.25, 0, .4, 1);
1649+ --ease-3: cubic-bezier(.25, 0, .3, 1);
1650+ --ease-4: cubic-bezier(.25, 0, .2, 1);
1651+ --ease-5: cubic-bezier(.25, 0, .1, 1);
1652+ </code></pre>
1653+ </div>
1654+ </div>
1655+ <div class="ease-demo ease">
1656+ <div style="animation-timing-function: var(--ease-1)">Ease 1</div>
1657+ <div style="animation-timing-function: var(--ease-2)">Ease 2</div>
1658+ <div style="animation-timing-function: var(--ease-3)">Ease 3</div>
1659+ <div style="animation-timing-function: var(--ease-4)">Ease 4</div>
1660+ <div style="animation-timing-function: var(--ease-5)">Ease 5</div>
1661+ </div>
1662+ </div>
1663+ </div>
1664+
1665+ <div>
1666+ <h5>Ease In</h5>
1667+ <div class="block-wrap">
1668+ <div>
1669+ <div class="var-examples">
1670+ <pre class="language-css"><code>
1671+ --ease-in-1: cubic-bezier(.25, 0, 1, 1);
1672+ --ease-in-2: cubic-bezier(.50, 0, 1, 1);
1673+ --ease-in-3: cubic-bezier(.70, 0, 1, 1);
1674+ --ease-in-4: cubic-bezier(.90, 0, 1, 1);
1675+ --ease-in-5: cubic-bezier(1, 0, 1, 1);
1676+ </code></pre>
1677+ </div>
1678+ </div>
1679+ <div class="ease-demo ease">
1680+ <div style="animation-timing-function: var(--ease-in-1)">Ease In 1</div>
1681+ <div style="animation-timing-function: var(--ease-in-2)">Ease In 2</div>
1682+ <div style="animation-timing-function: var(--ease-in-3)">Ease In 3</div>
1683+ <div style="animation-timing-function: var(--ease-in-4)">Ease In 4</div>
1684+ <div style="animation-timing-function: var(--ease-in-5)">Ease In 5</div>
1685+ </div>
1686+ </div>
1687+ </div>
1688+
1689+ <div>
1690+ <h5>Ease Out</h5>
1691+ <div class="block-wrap">
1692+ <div>
1693+ <div class="var-examples">
1694+ <pre class="language-css"><code>
1695+ --ease-out-1: cubic-bezier(0, 0, .75, 1);
1696+ --ease-out-2: cubic-bezier(0, 0, .50, 1);
1697+ --ease-out-3: cubic-bezier(0, 0, .3, 1);
1698+ --ease-out-4: cubic-bezier(0, 0, .1, 1);
1699+ --ease-out-5: cubic-bezier(0, 0, 0, 1);
1700+ </code></pre>
1701+ </div>
1702+ </div>
1703+ <div class="ease-demo ease">
1704+ <div style="animation-timing-function: var(--ease-out-1)">Ease Out 1</div>
1705+ <div style="animation-timing-function: var(--ease-out-2)">Ease Out 2</div>
1706+ <div style="animation-timing-function: var(--ease-out-3)">Ease Out 3</div>
1707+ <div style="animation-timing-function: var(--ease-out-4)">Ease Out 4</div>
1708+ <div style="animation-timing-function: var(--ease-out-5)">Ease Out 5</div>
1709+ </div>
1710+ </div>
1711+ </div>
1712+
1713+ <div>
1714+ <h5>Ease InOut</h5>
1715+ <div class="block-wrap">
1716+ <div>
1717+ <div class="var-examples">
1718+ <pre class="language-css"><code>
1719+ --ease-inout-1: cubic-bezier(.1, 0, .9, 1);
1720+ --ease-inout-2: cubic-bezier(.3, 0, .7, 1);
1721+ --ease-inout-3: cubic-bezier(.5, 0, .5, 1);
1722+ --ease-inout-4: cubic-bezier(.7, 0, .3, 1);
1723+ --ease-inout-5: cubic-bezier(.9, 0, .1, 1);
1724+ </code></pre>
1725+ </div>
1726+ </div>
1727+ <div class="ease-demo ease">
1728+ <div style="animation-timing-function: var(--ease-inout-1)">Ease InOut 1</div>
1729+ <div style="animation-timing-function: var(--ease-inout-2)">Ease InOut 2</div>
1730+ <div style="animation-timing-function: var(--ease-inout-3)">Ease InOut 3</div>
1731+ <div style="animation-timing-function: var(--ease-inout-4)">Ease InOut 4</div>
1732+ <div style="animation-timing-function: var(--ease-inout-5)">Ease InOut 5</div>
1733+ </div>
1734+ </div>
1735+ </div>
1736+
1737+ <div>
1738+ <h5>Ease Elastic</h5>
1739+ <div class="block-wrap">
1740+ <div>
1741+ <div class="var-examples">
1742+ <pre class="language-css"><code>
1743+ --ease-elastic-1: cubic-bezier(.5, .75, .75, 1.25);
1744+ --ease-elastic-2: cubic-bezier(.5, 1, .75, 1.25);
1745+ --ease-elastic-3: cubic-bezier(.5, 1.25, .75, 1.25);
1746+ --ease-elastic-4: cubic-bezier(.5, 1.5, .75, 1.25);
1747+ --ease-elastic-5: cubic-bezier(.5, 1.75, .75, 1.25);
1748+ </code></pre>
1749+ </div>
1750+ </div>
1751+ <div class="ease-demo elastic">
1752+ <div style="animation-timing-function: var(--ease-elastic-1)">Ease Elastic 1</div>
1753+ <div style="animation-timing-function: var(--ease-elastic-2)">Ease Elastic 2</div>
1754+ <div style="animation-timing-function: var(--ease-elastic-3)">Ease Elastic 3</div>
1755+ <div style="animation-timing-function: var(--ease-elastic-4)">Ease Elastic 4</div>
1756+ <div style="animation-timing-function: var(--ease-elastic-5)">Ease Elastic 5</div>
1757+ </div>
1758+ </div>
1759+ </div>
1760+
1761+ <div>
1762+ <h5>Ease Squish</h5>
1763+ <div class="block-wrap">
1764+ <div>
1765+ <div class="var-examples">
1766+ <pre class="language-css"><code>
1767+ --ease-squish-1: cubic-bezier(.5, -.1, .1, 1.5);
1768+ --ease-squish-2: cubic-bezier(.5, -.3, .1, 1.5);
1769+ --ease-squish-3: cubic-bezier(.5, -.5, .1, 1.5);
1770+ --ease-squish-4: cubic-bezier(.5, -.7, .1, 1.5);
1771+ --ease-squish-5: cubic-bezier(.5, -.9, .1, 1.5);
1772+ </code></pre>
1773+ </div>
1774+ </div>
1775+ <div class="ease-demo squish">
1776+ <div style="animation-timing-function: var(--ease-squish-1)">Ease Squish 1</div>
1777+ <div style="animation-timing-function: var(--ease-squish-2)">Ease Squish 2</div>
1778+ <div style="animation-timing-function: var(--ease-squish-3)">Ease Squish 3</div>
1779+ <div style="animation-timing-function: var(--ease-squish-4)">Ease Squish 4</div>
1780+ <div style="animation-timing-function: var(--ease-squish-5)">Ease Squish 5</div>
1781+ </div>
1782+ </div>
1783+ </div>
1784+
1785+ <div>
1786+ <h5>Ease Steps</h5>
1787+ <div class="block-wrap">
1788+ <div>
1789+ <div class="var-examples">
1790+ <pre class="language-css"><code>
1791+ --ease-step-1: steps(2);
1792+ --ease-step-2: steps(3);
1793+ --ease-step-3: steps(4);
1794+ --ease-step-4: steps(7);
1795+ --ease-step-5: steps(10);
1796+ </code></pre>
1797+ </div>
1798+ </div>
1799+ <div class="ease-demo ease">
1800+ <div style="animation-timing-function: var(--ease-step-1)">Ease Steps 1</div>
1801+ <div style="animation-timing-function: var(--ease-step-2)">Ease Steps 2</div>
1802+ <div style="animation-timing-function: var(--ease-step-3)">Ease Steps 3</div>
1803+ <div style="animation-timing-function: var(--ease-step-4)">Ease Steps 4</div>
1804+ <div style="animation-timing-function: var(--ease-step-5)">Ease Steps 5</div>
1805+ </div>
1806+ </div>
1807+ </div>
1808+
1809+ </section>
1810+
1811+ <section id="sizes">
1812+ <header>
1813+ <h2>Sizes</h2>
1814+ <p>No <code class="language-css">px</code> here, relative units all the way. 0's are unsafe but common negative values, while 1-N are safe.</p>
1815+ </header>
1816+ <div>
1817+ <h5>Vars Overview</h5>
1818+ <div class="var-examples">
1819+ <pre class="language-css"><code>
1820+ --size-{000-15}
1821+ --size-fluid-{1-10}
1822+ --size-content-{1-3}
1823+ --size-header-{1-3}
1824+ </code></pre>
1825+ </div>
1826+ </div>
1827+
1828+ <div class="block-wrap">
1829+ <div>
1830+ <h5>Relative Sizes</h5>
1831+ <div class="var-examples">
1832+ <pre class="language-css"><code>
1833+ --size-000: -.5rem;
1834+ --size-00: -.25rem;
1835+ --size-1: .25rem;
1836+ --size-2: .5rem;
1837+ --size-3: 1rem;
1838+ --size-4: 1.25rem;
1839+ --size-5: 1.5rem;
1840+ --size-6: 1.75rem;
1841+ --size-7: 2rem;
1842+ --size-8: 2.5rem;
1843+ --size-9: 3rem;
1844+ --size-10: 3.5rem;
1845+ --size-11: 4rem;
1846+ --size-12: 5rem;
1847+ --size-13: 7rem;
1848+ --size-14: 9rem;
1849+ --size-15: 10rem;
1850+ </code></pre>
1851+ </div>
1852+ </div>
1853+ <div>
1854+ <h5>Usage Sample</h5>
1855+ <pre class="language-css"><code>
1856+ article {
1857+ display: grid;
1858+ gap: var(-size-3);
1859+ }
1860+
1861+ li {
1862+ padding-inline-start: var(--size-2);
1863+ }
1864+
1865+ .icon {
1866+ inline-size: var(--size-5);
1867+ block-size: var(--size-5);
1868+ }
1869+ </code></pre>
1870+ </div>
1871+ </div>
1872+
1873+ <div class="block-wrap">
1874+ <div>
1875+ <h5>Fluid Sizes</h5>
1876+ <div class="var-examples">
1877+ <pre class="language-css"><code>
1878+ --size-fluid-1: clamp(.5rem, 1vw, 1rem);
1879+ --size-fluid-2: clamp(1rem, 2vw, 1.5rem);
1880+ --size-fluid-3: clamp(1.5rem, 3vw, 2rem);
1881+ --size-fluid-4: clamp(2rem, 4vw, 3rem);
1882+ --size-fluid-5: clamp(3rem, 5vw, 4rem);
1883+ --size-fluid-6: clamp(4rem, 6vw, 5rem);
1884+ --size-fluid-7: clamp(5rem, 7vw, 6rem);
1885+ --size-fluid-8: clamp(6rem, 8vw, 7rem);
1886+ --size-fluid-9: clamp(7rem, 9vw, 8rem);
1887+ --size-fluid-10: clamp(8rem, 10vw, 10rem);
1888+ </code></pre>
1889+ </div>
1890+ </div>
1891+ <div>
1892+ <h5>Usage Sample</h5>
1893+ <pre class="language-css"><code>
1894+ body {
1895+ padding: var(-size-fluid-3);
1896+ }
1897+
1898+ hr {
1899+ margin-block: var(--size-fluid-5);
1900+ }
1901+ </code></pre>
1902+ </div>
1903+ </div>
1904+
1905+ <div class="block-wrap">
1906+ <div>
1907+ <h5>Reading Content Sizes</h5>
1908+ <div class="var-examples">
1909+ <pre class="language-css"><code>
1910+ --size-content-1: 20ch;
1911+ --size-content-2: 45ch;
1912+ --size-content-3: 60ch;
1913+ </code></pre>
1914+ </div>
1915+ </div>
1916+ <div>
1917+ <h5>Usage Sample</h5>
1918+ <pre class="language-css"><code>
1919+ p {
1920+ max-inline-size: var(--size-content-3);
1921+ }
1922+
1923+ aside {
1924+ max-inline-size: var(--size-content-2);
1925+ }
1926+ </code></pre>
1927+ </div>
1928+ </div>
1929+
1930+ <div class="block-wrap">
1931+ <div>
1932+ <h5>Headline Content Sizes</h5>
1933+ <div class="var-examples">
1934+ <pre class="language-css"><code>
1935+ --size-header-1: 20ch;
1936+ --size-header-2: 25ch;
1937+ --size-header-3: 45rem;
1938+ </code></pre>
1939+ </div>
1940+ </div>
1941+ <div>
1942+ <h5>Usage Sample</h5>
1943+ <pre class="language-css"><code>
1944+ h1 {
1945+ max-inline-size: var(--size-headline-2);
1946+ }
1947+
1948+ small {
1949+ max-inline-size: var(--size-headline-1);
1950+ }
1951+ </code></pre>
1952+ </div>
1953+ </div>
1954+
1955+ </section>
1956+
1957+ <section id="borders">
1958+ <header>
1959+ <h2>Borders</h2>
1960+ <p>Sizes, corner radii, and some blobs</p>
1961+ </header>
1962+ <div class="block-wrap">
1963+ <div>
1964+
1965+ <h5>Vars Sample</h5>
1966+ <div class="var-examples">
1967+ <pre class="language-css"><code>
1968+ --border-size-{1-5}
1969+ --radii-{1-5}
1970+ --radii-round
1971+ --radii-blob{1-2}
1972+ </code></pre>
1973+ </div>
1974+ </div>
1975+ <div>
1976+ <h5>Usage Sample</h5>
1977+ <pre class="language-css"><code>
1978+ .card {
1979+ border-radius: var(--radii-3);
1980+ }
1981+
1982+ .circle {
1983+ inline-size: var(--size-5);
1984+ aspect-ratio: var(--aspect-box);
1985+ border-radius: var(--radii-round);
1986+ }
1987+ </code></pre>
1988+ </div>
1989+ </div>
1990+ <article class="border-demos">
1991+ <div style="border-width: var(--border-size-1)">1</div>
1992+ <div style="border-width: var(--border-size-2)">2</div>
1993+ <div style="border-width: var(--border-size-3)">3</div>
1994+ <div style="border-width: var(--border-size-4)">4</div>
1995+ <div style="border-width: var(--border-size-5)">5</div>
1996+
1997+ <div style="border-radius: var(--radii-1)">1</div>
1998+ <div style="border-radius: var(--radii-2)">2</div>
1999+ <div style="border-radius: var(--radii-3)">3</div>
2000+ <div style="border-radius: var(--radii-4)">4</div>
2001+ <div style="border-radius: var(--radii-5)">5</div>
2002+ <div style="border-radius: var(--radii-round)">round</div>
2003+
2004+ <div style="border-radius: var(--radii-blob-1)">1</div>
2005+ <div style="border-radius: var(--radii-blob-2)">2</div>
2006+ <div style="border-radius: var(--radii-blob-3)">3</div>
2007+ <div style="border-radius: var(--radii-blob-4)">4</div>
2008+ <div style="border-radius: var(--radii-blob-5)">5</div>
2009+ </article>
2010+ </section>
2011+
2012+ <footer>
2013+ <a href="#" title="Source on Github">
2014+ <svg class="github-icon" width="24" height="24" viewBox="0 0 16 16">
2015+ <path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path>
2016+ </svg>
2017+ </a>
2018+ </footer>
2019+
2020+ <script type="module" src="/index.js"></script>
2021+ </body>
2022+ </html>
2023 diff --git a/docsite/index.js b/docsite/index.js
2024new file mode 100644
2025index 0000000..21b4772
2026--- /dev/null
2027+++ b/docsite/index.js
2028 @@ -0,0 +1,3 @@
2029+ import 'https://cdnjs.cloudflare.com/ajax/libs/prism/1.16.0/prism.min.js'
2030+ import 'https://cdnjs.cloudflare.com/ajax/libs/prism/1.16.0/plugins/line-numbers/prism-line-numbers.min.js'
2031+ import 'https://cdnjs.cloudflare.com/ajax/libs/prism/1.16.0/plugins/normalize-whitespace/prism-normalize-whitespace.min.js'
2032 diff --git a/docsite/package-lock.json b/docsite/package-lock.json
2033new file mode 100644
2034index 0000000..7d75068
2035--- /dev/null
2036+++ b/docsite/package-lock.json
2037 @@ -0,0 +1,2769 @@
2038+ {
2039+ "name": "open-props",
2040+ "version": "0.0.17",
2041+ "lockfileVersion": 2,
2042+ "requires": true,
2043+ "packages": {
2044+ "": {
2045+ "name": "open-props",
2046+ "version": "0.0.17",
2047+ "license": "ISC",
2048+ "devDependencies": {
2049+ "open-color": "^1.9.1",
2050+ "open-props": "^0.0.17",
2051+ "postcss-easings": "3.x",
2052+ "postcss-preset-env": "6.7.x",
2053+ "vite": "2.x || >2.0.0-alpha"
2054+ }
2055+ },
2056+ "node_modules/@csstools/convert-colors": {
2057+ "version": "1.4.0",
2058+ "resolved": "https://registry.npmjs.org/@csstools/convert-colors/-/convert-colors-1.4.0.tgz",
2059+ "integrity": "sha512-5a6wqoJV/xEdbRNKVo6I4hO3VjyDq//8q2f9I6PBAvMesJHFauXDorcNCsr9RzvsZnaWi5NYCcfyqP1QeFHFbw==",
2060+ "dev": true,
2061+ "engines": {
2062+ "node": ">=4.0.0"
2063+ }
2064+ },
2065+ "node_modules/ansi-styles": {
2066+ "version": "3.2.1",
2067+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
2068+ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
2069+ "dev": true,
2070+ "dependencies": {
2071+ "color-convert": "^1.9.0"
2072+ },
2073+ "engines": {
2074+ "node": ">=4"
2075+ }
2076+ },
2077+ "node_modules/autoprefixer": {
2078+ "version": "9.8.6",
2079+ "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.6.tgz",
2080+ "integrity": "sha512-XrvP4VVHdRBCdX1S3WXVD8+RyG9qeb1D5Sn1DeLiG2xfSpzellk5k54xbUERJ3M5DggQxes39UGOTP8CFrEGbg==",
2081+ "dev": true,
2082+ "dependencies": {
2083+ "browserslist": "^4.12.0",
2084+ "caniuse-lite": "^1.0.30001109",
2085+ "colorette": "^1.2.1",
2086+ "normalize-range": "^0.1.2",
2087+ "num2fraction": "^1.2.2",
2088+ "postcss": "^7.0.32",
2089+ "postcss-value-parser": "^4.1.0"
2090+ },
2091+ "bin": {
2092+ "autoprefixer": "bin/autoprefixer"
2093+ }
2094+ },
2095+ "node_modules/autoprefixer/node_modules/postcss": {
2096+ "version": "7.0.36",
2097+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2098+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2099+ "dev": true,
2100+ "dependencies": {
2101+ "chalk": "^2.4.2",
2102+ "source-map": "^0.6.1",
2103+ "supports-color": "^6.1.0"
2104+ },
2105+ "engines": {
2106+ "node": ">=6.0.0"
2107+ },
2108+ "funding": {
2109+ "type": "opencollective",
2110+ "url": "https://opencollective.com/postcss/"
2111+ }
2112+ },
2113+ "node_modules/balanced-match": {
2114+ "version": "1.0.0",
2115+ "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
2116+ "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
2117+ "dev": true
2118+ },
2119+ "node_modules/browserslist": {
2120+ "version": "4.17.0",
2121+ "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.17.0.tgz",
2122+ "integrity": "sha512-g2BJ2a0nEYvEFQC208q8mVAhfNwpZ5Mu8BwgtCdZKO3qx98HChmeg448fPdUzld8aFmfLgVh7yymqV+q1lJZ5g==",
2123+ "dev": true,
2124+ "dependencies": {
2125+ "caniuse-lite": "^1.0.30001254",
2126+ "colorette": "^1.3.0",
2127+ "electron-to-chromium": "^1.3.830",
2128+ "escalade": "^3.1.1",
2129+ "node-releases": "^1.1.75"
2130+ },
2131+ "bin": {
2132+ "browserslist": "cli.js"
2133+ },
2134+ "engines": {
2135+ "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
2136+ },
2137+ "funding": {
2138+ "type": "opencollective",
2139+ "url": "https://opencollective.com/browserslist"
2140+ }
2141+ },
2142+ "node_modules/caniuse-lite": {
2143+ "version": "1.0.30001255",
2144+ "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001255.tgz",
2145+ "integrity": "sha512-F+A3N9jTZL882f/fg/WWVnKSu6IOo3ueLz4zwaOPbPYHNmM/ZaDUyzyJwS1mZhX7Ex5jqTyW599Gdelh5PDYLQ==",
2146+ "dev": true,
2147+ "funding": {
2148+ "type": "opencollective",
2149+ "url": "https://opencollective.com/browserslist"
2150+ }
2151+ },
2152+ "node_modules/chalk": {
2153+ "version": "2.4.2",
2154+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
2155+ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
2156+ "dev": true,
2157+ "dependencies": {
2158+ "ansi-styles": "^3.2.1",
2159+ "escape-string-regexp": "^1.0.5",
2160+ "supports-color": "^5.3.0"
2161+ },
2162+ "engines": {
2163+ "node": ">=4"
2164+ }
2165+ },
2166+ "node_modules/chalk/node_modules/supports-color": {
2167+ "version": "5.5.0",
2168+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
2169+ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
2170+ "dev": true,
2171+ "dependencies": {
2172+ "has-flag": "^3.0.0"
2173+ },
2174+ "engines": {
2175+ "node": ">=4"
2176+ }
2177+ },
2178+ "node_modules/color-convert": {
2179+ "version": "1.9.3",
2180+ "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
2181+ "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
2182+ "dev": true,
2183+ "dependencies": {
2184+ "color-name": "1.1.3"
2185+ }
2186+ },
2187+ "node_modules/color-name": {
2188+ "version": "1.1.3",
2189+ "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
2190+ "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
2191+ "dev": true
2192+ },
2193+ "node_modules/colorette": {
2194+ "version": "1.3.0",
2195+ "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.3.0.tgz",
2196+ "integrity": "sha512-ecORCqbSFP7Wm8Y6lyqMJjexBQqXSF7SSeaTyGGphogUjBlFP9m9o08wy86HL2uB7fMTxtOUzLMk7ogKcxMg1w==",
2197+ "dev": true
2198+ },
2199+ "node_modules/css-blank-pseudo": {
2200+ "version": "0.1.4",
2201+ "resolved": "https://registry.npmjs.org/css-blank-pseudo/-/css-blank-pseudo-0.1.4.tgz",
2202+ "integrity": "sha512-LHz35Hr83dnFeipc7oqFDmsjHdljj3TQtxGGiNWSOsTLIAubSm4TEz8qCaKFpk7idaQ1GfWscF4E6mgpBysA1w==",
2203+ "dev": true,
2204+ "dependencies": {
2205+ "postcss": "^7.0.5"
2206+ },
2207+ "bin": {
2208+ "css-blank-pseudo": "cli.js"
2209+ },
2210+ "engines": {
2211+ "node": ">=6.0.0"
2212+ }
2213+ },
2214+ "node_modules/css-blank-pseudo/node_modules/postcss": {
2215+ "version": "7.0.36",
2216+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2217+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2218+ "dev": true,
2219+ "dependencies": {
2220+ "chalk": "^2.4.2",
2221+ "source-map": "^0.6.1",
2222+ "supports-color": "^6.1.0"
2223+ },
2224+ "engines": {
2225+ "node": ">=6.0.0"
2226+ },
2227+ "funding": {
2228+ "type": "opencollective",
2229+ "url": "https://opencollective.com/postcss/"
2230+ }
2231+ },
2232+ "node_modules/css-has-pseudo": {
2233+ "version": "0.10.0",
2234+ "resolved": "https://registry.npmjs.org/css-has-pseudo/-/css-has-pseudo-0.10.0.tgz",
2235+ "integrity": "sha512-Z8hnfsZu4o/kt+AuFzeGpLVhFOGO9mluyHBaA2bA8aCGTwah5sT3WV/fTHH8UNZUytOIImuGPrl/prlb4oX4qQ==",
2236+ "dev": true,
2237+ "dependencies": {
2238+ "postcss": "^7.0.6",
2239+ "postcss-selector-parser": "^5.0.0-rc.4"
2240+ },
2241+ "bin": {
2242+ "css-has-pseudo": "cli.js"
2243+ },
2244+ "engines": {
2245+ "node": ">=6.0.0"
2246+ }
2247+ },
2248+ "node_modules/css-has-pseudo/node_modules/postcss": {
2249+ "version": "7.0.36",
2250+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2251+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2252+ "dev": true,
2253+ "dependencies": {
2254+ "chalk": "^2.4.2",
2255+ "source-map": "^0.6.1",
2256+ "supports-color": "^6.1.0"
2257+ },
2258+ "engines": {
2259+ "node": ">=6.0.0"
2260+ },
2261+ "funding": {
2262+ "type": "opencollective",
2263+ "url": "https://opencollective.com/postcss/"
2264+ }
2265+ },
2266+ "node_modules/css-prefers-color-scheme": {
2267+ "version": "3.1.1",
2268+ "resolved": "https://registry.npmjs.org/css-prefers-color-scheme/-/css-prefers-color-scheme-3.1.1.tgz",
2269+ "integrity": "sha512-MTu6+tMs9S3EUqzmqLXEcgNRbNkkD/TGFvowpeoWJn5Vfq7FMgsmRQs9X5NXAURiOBmOxm/lLjsDNXDE6k9bhg==",
2270+ "dev": true,
2271+ "dependencies": {
2272+ "postcss": "^7.0.5"
2273+ },
2274+ "bin": {
2275+ "css-prefers-color-scheme": "cli.js"
2276+ },
2277+ "engines": {
2278+ "node": ">=6.0.0"
2279+ }
2280+ },
2281+ "node_modules/css-prefers-color-scheme/node_modules/postcss": {
2282+ "version": "7.0.36",
2283+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2284+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2285+ "dev": true,
2286+ "dependencies": {
2287+ "chalk": "^2.4.2",
2288+ "source-map": "^0.6.1",
2289+ "supports-color": "^6.1.0"
2290+ },
2291+ "engines": {
2292+ "node": ">=6.0.0"
2293+ },
2294+ "funding": {
2295+ "type": "opencollective",
2296+ "url": "https://opencollective.com/postcss/"
2297+ }
2298+ },
2299+ "node_modules/cssdb": {
2300+ "version": "4.4.0",
2301+ "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-4.4.0.tgz",
2302+ "integrity": "sha512-LsTAR1JPEM9TpGhl/0p3nQecC2LJ0kD8X5YARu1hk/9I1gril5vDtMZyNxcEpxxDj34YNck/ucjuoUd66K03oQ==",
2303+ "dev": true
2304+ },
2305+ "node_modules/cssesc": {
2306+ "version": "2.0.0",
2307+ "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-2.0.0.tgz",
2308+ "integrity": "sha512-MsCAG1z9lPdoO/IUMLSBWBSVxVtJ1395VGIQ+Fc2gNdkQ1hNDnQdw3YhA71WJCBW1vdwA0cAnk/DnW6bqoEUYg==",
2309+ "dev": true,
2310+ "bin": {
2311+ "cssesc": "bin/cssesc"
2312+ },
2313+ "engines": {
2314+ "node": ">=4"
2315+ }
2316+ },
2317+ "node_modules/electron-to-chromium": {
2318+ "version": "1.3.830",
2319+ "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.830.tgz",
2320+ "integrity": "sha512-gBN7wNAxV5vl1430dG+XRcQhD4pIeYeak6p6rjdCtlz5wWNwDad8jwvphe5oi1chL5MV6RNRikfffBBiFuj+rQ==",
2321+ "dev": true
2322+ },
2323+ "node_modules/esbuild": {
2324+ "version": "0.8.39",
2325+ "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.8.39.tgz",
2326+ "integrity": "sha512-/do5H74a5ChyeKRWfkDh3EpICXpsz6dWTtFFbotb7BlIHvWqnRrZYDb8IBubOHdEtKzuiksilRO19aBtp3/HHQ==",
2327+ "dev": true,
2328+ "hasInstallScript": true,
2329+ "bin": {
2330+ "esbuild": "bin/esbuild"
2331+ }
2332+ },
2333+ "node_modules/escalade": {
2334+ "version": "3.1.1",
2335+ "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
2336+ "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
2337+ "dev": true,
2338+ "engines": {
2339+ "node": ">=6"
2340+ }
2341+ },
2342+ "node_modules/escape-string-regexp": {
2343+ "version": "1.0.5",
2344+ "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
2345+ "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
2346+ "dev": true,
2347+ "engines": {
2348+ "node": ">=0.8.0"
2349+ }
2350+ },
2351+ "node_modules/flatten": {
2352+ "version": "1.0.3",
2353+ "resolved": "https://registry.npmjs.org/flatten/-/flatten-1.0.3.tgz",
2354+ "integrity": "sha512-dVsPA/UwQ8+2uoFe5GHtiBMu48dWLTdsuEd7CKGlZlD78r1TTWBvDuFaFGKCo/ZfEr95Uk56vZoX86OsHkUeIg==",
2355+ "dev": true
2356+ },
2357+ "node_modules/fsevents": {
2358+ "version": "2.1.3",
2359+ "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.1.3.tgz",
2360+ "integrity": "sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==",
2361+ "dev": true,
2362+ "optional": true,
2363+ "os": [
2364+ "darwin"
2365+ ],
2366+ "engines": {
2367+ "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
2368+ }
2369+ },
2370+ "node_modules/function-bind": {
2371+ "version": "1.1.1",
2372+ "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
2373+ "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
2374+ "dev": true
2375+ },
2376+ "node_modules/has": {
2377+ "version": "1.0.3",
2378+ "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
2379+ "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
2380+ "dev": true,
2381+ "dependencies": {
2382+ "function-bind": "^1.1.1"
2383+ },
2384+ "engines": {
2385+ "node": ">= 0.4.0"
2386+ }
2387+ },
2388+ "node_modules/has-flag": {
2389+ "version": "3.0.0",
2390+ "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
2391+ "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
2392+ "dev": true,
2393+ "engines": {
2394+ "node": ">=4"
2395+ }
2396+ },
2397+ "node_modules/indexes-of": {
2398+ "version": "1.0.1",
2399+ "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz",
2400+ "integrity": "sha1-8w9xbI4r00bHtn0985FVZqfAVgc=",
2401+ "dev": true
2402+ },
2403+ "node_modules/is-core-module": {
2404+ "version": "2.2.0",
2405+ "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.2.0.tgz",
2406+ "integrity": "sha512-XRAfAdyyY5F5cOXn7hYQDqh2Xmii+DEfIcQGxK/uNwMHhIkPWO0g8msXcbzLe+MpGoR951MlqM/2iIlU4vKDdQ==",
2407+ "dev": true,
2408+ "dependencies": {
2409+ "has": "^1.0.3"
2410+ }
2411+ },
2412+ "node_modules/lodash._reinterpolate": {
2413+ "version": "3.0.0",
2414+ "resolved": "https://registry.npmjs.org/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz",
2415+ "integrity": "sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=",
2416+ "dev": true
2417+ },
2418+ "node_modules/lodash.template": {
2419+ "version": "4.5.0",
2420+ "resolved": "https://registry.npmjs.org/lodash.template/-/lodash.template-4.5.0.tgz",
2421+ "integrity": "sha512-84vYFxIkmidUiFxidA/KjjH9pAycqW+h980j7Fuz5qxRtO9pgB7MDFTdys1N7A5mcucRiDyEq4fusljItR1T/A==",
2422+ "dev": true,
2423+ "dependencies": {
2424+ "lodash._reinterpolate": "^3.0.0",
2425+ "lodash.templatesettings": "^4.0.0"
2426+ }
2427+ },
2428+ "node_modules/lodash.templatesettings": {
2429+ "version": "4.2.0",
2430+ "resolved": "https://registry.npmjs.org/lodash.templatesettings/-/lodash.templatesettings-4.2.0.tgz",
2431+ "integrity": "sha512-stgLz+i3Aa9mZgnjr/O+v9ruKZsPsndy7qPZOchbqk2cnTU1ZaldKK+v7m54WoKIyxiuMZTKT2H81F8BeAc3ZQ==",
2432+ "dev": true,
2433+ "dependencies": {
2434+ "lodash._reinterpolate": "^3.0.0"
2435+ }
2436+ },
2437+ "node_modules/nanoid": {
2438+ "version": "3.1.25",
2439+ "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.25.tgz",
2440+ "integrity": "sha512-rdwtIXaXCLFAQbnfqDRnI6jaRHp9fTcYBjtFKE8eezcZ7LuLjhUaQGNeMXf1HmRoCH32CLz6XwX0TtxEOS/A3Q==",
2441+ "dev": true,
2442+ "bin": {
2443+ "nanoid": "bin/nanoid.cjs"
2444+ },
2445+ "engines": {
2446+ "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
2447+ }
2448+ },
2449+ "node_modules/node-releases": {
2450+ "version": "1.1.75",
2451+ "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.75.tgz",
2452+ "integrity": "sha512-Qe5OUajvqrqDSy6wrWFmMwfJ0jVgwiw4T3KqmbTcZ62qW0gQkheXYhcFM1+lOVcGUoRxcEcfyvFMAnDgaF1VWw==",
2453+ "dev": true
2454+ },
2455+ "node_modules/normalize-range": {
2456+ "version": "0.1.2",
2457+ "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
2458+ "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=",
2459+ "dev": true,
2460+ "engines": {
2461+ "node": ">=0.10.0"
2462+ }
2463+ },
2464+ "node_modules/num2fraction": {
2465+ "version": "1.2.2",
2466+ "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz",
2467+ "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=",
2468+ "dev": true
2469+ },
2470+ "node_modules/open-color": {
2471+ "version": "1.9.1",
2472+ "resolved": "https://registry.npmjs.org/open-color/-/open-color-1.9.1.tgz",
2473+ "integrity": "sha512-vCseG/EQ6/RcvxhUcGJiHViOgrtz4x0XbZepXvKik66TMGkvbmjeJrKFyBEx6daG5rNyyd14zYXhz0hZVwQFOw==",
2474+ "dev": true
2475+ },
2476+ "node_modules/open-props": {
2477+ "version": "0.0.17",
2478+ "resolved": "https://registry.npmjs.org/open-props/-/open-props-0.0.17.tgz",
2479+ "integrity": "sha512-P3fMr35NzPRe0CBpf5AyxXneFcpk3CiSwnojCYICCtFRuekI55B/REmG42/7IuANp7aA34LYPanjtR3yc5Svqw==",
2480+ "dev": true
2481+ },
2482+ "node_modules/path-parse": {
2483+ "version": "1.0.7",
2484+ "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
2485+ "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
2486+ "dev": true
2487+ },
2488+ "node_modules/postcss": {
2489+ "version": "8.3.6",
2490+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.6.tgz",
2491+ "integrity": "sha512-wG1cc/JhRgdqB6WHEuyLTedf3KIRuD0hG6ldkFEZNCjRxiC+3i6kkWUUbiJQayP28iwG35cEmAbe98585BYV0A==",
2492+ "dev": true,
2493+ "dependencies": {
2494+ "colorette": "^1.2.2",
2495+ "nanoid": "^3.1.23",
2496+ "source-map-js": "^0.6.2"
2497+ },
2498+ "engines": {
2499+ "node": "^10 || ^12 || >=14"
2500+ },
2501+ "funding": {
2502+ "type": "opencollective",
2503+ "url": "https://opencollective.com/postcss/"
2504+ }
2505+ },
2506+ "node_modules/postcss-attribute-case-insensitive": {
2507+ "version": "4.0.2",
2508+ "resolved": "https://registry.npmjs.org/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-4.0.2.tgz",
2509+ "integrity": "sha512-clkFxk/9pcdb4Vkn0hAHq3YnxBQ2p0CGD1dy24jN+reBck+EWxMbxSUqN4Yj7t0w8csl87K6p0gxBe1utkJsYA==",
2510+ "dev": true,
2511+ "dependencies": {
2512+ "postcss": "^7.0.2",
2513+ "postcss-selector-parser": "^6.0.2"
2514+ }
2515+ },
2516+ "node_modules/postcss-attribute-case-insensitive/node_modules/cssesc": {
2517+ "version": "3.0.0",
2518+ "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
2519+ "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
2520+ "dev": true,
2521+ "bin": {
2522+ "cssesc": "bin/cssesc"
2523+ },
2524+ "engines": {
2525+ "node": ">=4"
2526+ }
2527+ },
2528+ "node_modules/postcss-attribute-case-insensitive/node_modules/postcss": {
2529+ "version": "7.0.36",
2530+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2531+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2532+ "dev": true,
2533+ "dependencies": {
2534+ "chalk": "^2.4.2",
2535+ "source-map": "^0.6.1",
2536+ "supports-color": "^6.1.0"
2537+ },
2538+ "engines": {
2539+ "node": ">=6.0.0"
2540+ },
2541+ "funding": {
2542+ "type": "opencollective",
2543+ "url": "https://opencollective.com/postcss/"
2544+ }
2545+ },
2546+ "node_modules/postcss-attribute-case-insensitive/node_modules/postcss-selector-parser": {
2547+ "version": "6.0.4",
2548+ "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.4.tgz",
2549+ "integrity": "sha512-gjMeXBempyInaBqpp8gODmwZ52WaYsVOsfr4L4lDQ7n3ncD6mEyySiDtgzCT+NYC0mmeOLvtsF8iaEf0YT6dBw==",
2550+ "dev": true,
2551+ "dependencies": {
2552+ "cssesc": "^3.0.0",
2553+ "indexes-of": "^1.0.1",
2554+ "uniq": "^1.0.1",
2555+ "util-deprecate": "^1.0.2"
2556+ },
2557+ "engines": {
2558+ "node": ">=4"
2559+ }
2560+ },
2561+ "node_modules/postcss-color-functional-notation": {
2562+ "version": "2.0.1",
2563+ "resolved": "https://registry.npmjs.org/postcss-color-functional-notation/-/postcss-color-functional-notation-2.0.1.tgz",
2564+ "integrity": "sha512-ZBARCypjEDofW4P6IdPVTLhDNXPRn8T2s1zHbZidW6rPaaZvcnCS2soYFIQJrMZSxiePJ2XIYTlcb2ztr/eT2g==",
2565+ "dev": true,
2566+ "dependencies": {
2567+ "postcss": "^7.0.2",
2568+ "postcss-values-parser": "^2.0.0"
2569+ },
2570+ "engines": {
2571+ "node": ">=6.0.0"
2572+ }
2573+ },
2574+ "node_modules/postcss-color-functional-notation/node_modules/postcss": {
2575+ "version": "7.0.36",
2576+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2577+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2578+ "dev": true,
2579+ "dependencies": {
2580+ "chalk": "^2.4.2",
2581+ "source-map": "^0.6.1",
2582+ "supports-color": "^6.1.0"
2583+ },
2584+ "engines": {
2585+ "node": ">=6.0.0"
2586+ },
2587+ "funding": {
2588+ "type": "opencollective",
2589+ "url": "https://opencollective.com/postcss/"
2590+ }
2591+ },
2592+ "node_modules/postcss-color-gray": {
2593+ "version": "5.0.0",
2594+ "resolved": "https://registry.npmjs.org/postcss-color-gray/-/postcss-color-gray-5.0.0.tgz",
2595+ "integrity": "sha512-q6BuRnAGKM/ZRpfDascZlIZPjvwsRye7UDNalqVz3s7GDxMtqPY6+Q871liNxsonUw8oC61OG+PSaysYpl1bnw==",
2596+ "dev": true,
2597+ "dependencies": {
2598+ "@csstools/convert-colors": "^1.4.0",
2599+ "postcss": "^7.0.5",
2600+ "postcss-values-parser": "^2.0.0"
2601+ },
2602+ "engines": {
2603+ "node": ">=6.0.0"
2604+ }
2605+ },
2606+ "node_modules/postcss-color-gray/node_modules/postcss": {
2607+ "version": "7.0.36",
2608+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2609+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2610+ "dev": true,
2611+ "dependencies": {
2612+ "chalk": "^2.4.2",
2613+ "source-map": "^0.6.1",
2614+ "supports-color": "^6.1.0"
2615+ },
2616+ "engines": {
2617+ "node": ">=6.0.0"
2618+ },
2619+ "funding": {
2620+ "type": "opencollective",
2621+ "url": "https://opencollective.com/postcss/"
2622+ }
2623+ },
2624+ "node_modules/postcss-color-hex-alpha": {
2625+ "version": "5.0.3",
2626+ "resolved": "https://registry.npmjs.org/postcss-color-hex-alpha/-/postcss-color-hex-alpha-5.0.3.tgz",
2627+ "integrity": "sha512-PF4GDel8q3kkreVXKLAGNpHKilXsZ6xuu+mOQMHWHLPNyjiUBOr75sp5ZKJfmv1MCus5/DWUGcK9hm6qHEnXYw==",
2628+ "dev": true,
2629+ "dependencies": {
2630+ "postcss": "^7.0.14",
2631+ "postcss-values-parser": "^2.0.1"
2632+ },
2633+ "engines": {
2634+ "node": ">=6.0.0"
2635+ }
2636+ },
2637+ "node_modules/postcss-color-hex-alpha/node_modules/postcss": {
2638+ "version": "7.0.36",
2639+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2640+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2641+ "dev": true,
2642+ "dependencies": {
2643+ "chalk": "^2.4.2",
2644+ "source-map": "^0.6.1",
2645+ "supports-color": "^6.1.0"
2646+ },
2647+ "engines": {
2648+ "node": ">=6.0.0"
2649+ },
2650+ "funding": {
2651+ "type": "opencollective",
2652+ "url": "https://opencollective.com/postcss/"
2653+ }
2654+ },
2655+ "node_modules/postcss-color-mod-function": {
2656+ "version": "3.0.3",
2657+ "resolved": "https://registry.npmjs.org/postcss-color-mod-function/-/postcss-color-mod-function-3.0.3.tgz",
2658+ "integrity": "sha512-YP4VG+xufxaVtzV6ZmhEtc+/aTXH3d0JLpnYfxqTvwZPbJhWqp8bSY3nfNzNRFLgB4XSaBA82OE4VjOOKpCdVQ==",
2659+ "dev": true,
2660+ "dependencies": {
2661+ "@csstools/convert-colors": "^1.4.0",
2662+ "postcss": "^7.0.2",
2663+ "postcss-values-parser": "^2.0.0"
2664+ },
2665+ "engines": {
2666+ "node": ">=6.0.0"
2667+ }
2668+ },
2669+ "node_modules/postcss-color-mod-function/node_modules/postcss": {
2670+ "version": "7.0.36",
2671+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2672+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2673+ "dev": true,
2674+ "dependencies": {
2675+ "chalk": "^2.4.2",
2676+ "source-map": "^0.6.1",
2677+ "supports-color": "^6.1.0"
2678+ },
2679+ "engines": {
2680+ "node": ">=6.0.0"
2681+ },
2682+ "funding": {
2683+ "type": "opencollective",
2684+ "url": "https://opencollective.com/postcss/"
2685+ }
2686+ },
2687+ "node_modules/postcss-color-rebeccapurple": {
2688+ "version": "4.0.1",
2689+ "resolved": "https://registry.npmjs.org/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-4.0.1.tgz",
2690+ "integrity": "sha512-aAe3OhkS6qJXBbqzvZth2Au4V3KieR5sRQ4ptb2b2O8wgvB3SJBsdG+jsn2BZbbwekDG8nTfcCNKcSfe/lEy8g==",
2691+ "dev": true,
2692+ "dependencies": {
2693+ "postcss": "^7.0.2",
2694+ "postcss-values-parser": "^2.0.0"
2695+ },
2696+ "engines": {
2697+ "node": ">=6.0.0"
2698+ }
2699+ },
2700+ "node_modules/postcss-color-rebeccapurple/node_modules/postcss": {
2701+ "version": "7.0.36",
2702+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2703+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2704+ "dev": true,
2705+ "dependencies": {
2706+ "chalk": "^2.4.2",
2707+ "source-map": "^0.6.1",
2708+ "supports-color": "^6.1.0"
2709+ },
2710+ "engines": {
2711+ "node": ">=6.0.0"
2712+ },
2713+ "funding": {
2714+ "type": "opencollective",
2715+ "url": "https://opencollective.com/postcss/"
2716+ }
2717+ },
2718+ "node_modules/postcss-custom-media": {
2719+ "version": "7.0.8",
2720+ "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-7.0.8.tgz",
2721+ "integrity": "sha512-c9s5iX0Ge15o00HKbuRuTqNndsJUbaXdiNsksnVH8H4gdc+zbLzr/UasOwNG6CTDpLFekVY4672eWdiiWu2GUg==",
2722+ "dev": true,
2723+ "dependencies": {
2724+ "postcss": "^7.0.14"
2725+ },
2726+ "engines": {
2727+ "node": ">=6.0.0"
2728+ }
2729+ },
2730+ "node_modules/postcss-custom-media/node_modules/postcss": {
2731+ "version": "7.0.36",
2732+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2733+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2734+ "dev": true,
2735+ "dependencies": {
2736+ "chalk": "^2.4.2",
2737+ "source-map": "^0.6.1",
2738+ "supports-color": "^6.1.0"
2739+ },
2740+ "engines": {
2741+ "node": ">=6.0.0"
2742+ },
2743+ "funding": {
2744+ "type": "opencollective",
2745+ "url": "https://opencollective.com/postcss/"
2746+ }
2747+ },
2748+ "node_modules/postcss-custom-properties": {
2749+ "version": "8.0.11",
2750+ "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-8.0.11.tgz",
2751+ "integrity": "sha512-nm+o0eLdYqdnJ5abAJeXp4CEU1c1k+eB2yMCvhgzsds/e0umabFrN6HoTy/8Q4K5ilxERdl/JD1LO5ANoYBeMA==",
2752+ "dev": true,
2753+ "dependencies": {
2754+ "postcss": "^7.0.17",
2755+ "postcss-values-parser": "^2.0.1"
2756+ },
2757+ "engines": {
2758+ "node": ">=6.0.0"
2759+ }
2760+ },
2761+ "node_modules/postcss-custom-properties/node_modules/postcss": {
2762+ "version": "7.0.36",
2763+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2764+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2765+ "dev": true,
2766+ "dependencies": {
2767+ "chalk": "^2.4.2",
2768+ "source-map": "^0.6.1",
2769+ "supports-color": "^6.1.0"
2770+ },
2771+ "engines": {
2772+ "node": ">=6.0.0"
2773+ },
2774+ "funding": {
2775+ "type": "opencollective",
2776+ "url": "https://opencollective.com/postcss/"
2777+ }
2778+ },
2779+ "node_modules/postcss-custom-selectors": {
2780+ "version": "5.1.2",
2781+ "resolved": "https://registry.npmjs.org/postcss-custom-selectors/-/postcss-custom-selectors-5.1.2.tgz",
2782+ "integrity": "sha512-DSGDhqinCqXqlS4R7KGxL1OSycd1lydugJ1ky4iRXPHdBRiozyMHrdu0H3o7qNOCiZwySZTUI5MV0T8QhCLu+w==",
2783+ "dev": true,
2784+ "dependencies": {
2785+ "postcss": "^7.0.2",
2786+ "postcss-selector-parser": "^5.0.0-rc.3"
2787+ },
2788+ "engines": {
2789+ "node": ">=6.0.0"
2790+ }
2791+ },
2792+ "node_modules/postcss-custom-selectors/node_modules/postcss": {
2793+ "version": "7.0.36",
2794+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2795+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2796+ "dev": true,
2797+ "dependencies": {
2798+ "chalk": "^2.4.2",
2799+ "source-map": "^0.6.1",
2800+ "supports-color": "^6.1.0"
2801+ },
2802+ "engines": {
2803+ "node": ">=6.0.0"
2804+ },
2805+ "funding": {
2806+ "type": "opencollective",
2807+ "url": "https://opencollective.com/postcss/"
2808+ }
2809+ },
2810+ "node_modules/postcss-dir-pseudo-class": {
2811+ "version": "5.0.0",
2812+ "resolved": "https://registry.npmjs.org/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-5.0.0.tgz",
2813+ "integrity": "sha512-3pm4oq8HYWMZePJY+5ANriPs3P07q+LW6FAdTlkFH2XqDdP4HeeJYMOzn0HYLhRSjBO3fhiqSwwU9xEULSrPgw==",
2814+ "dev": true,
2815+ "dependencies": {
2816+ "postcss": "^7.0.2",
2817+ "postcss-selector-parser": "^5.0.0-rc.3"
2818+ },
2819+ "engines": {
2820+ "node": ">=4.0.0"
2821+ }
2822+ },
2823+ "node_modules/postcss-dir-pseudo-class/node_modules/postcss": {
2824+ "version": "7.0.36",
2825+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2826+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2827+ "dev": true,
2828+ "dependencies": {
2829+ "chalk": "^2.4.2",
2830+ "source-map": "^0.6.1",
2831+ "supports-color": "^6.1.0"
2832+ },
2833+ "engines": {
2834+ "node": ">=6.0.0"
2835+ },
2836+ "funding": {
2837+ "type": "opencollective",
2838+ "url": "https://opencollective.com/postcss/"
2839+ }
2840+ },
2841+ "node_modules/postcss-double-position-gradients": {
2842+ "version": "1.0.0",
2843+ "resolved": "https://registry.npmjs.org/postcss-double-position-gradients/-/postcss-double-position-gradients-1.0.0.tgz",
2844+ "integrity": "sha512-G+nV8EnQq25fOI8CH/B6krEohGWnF5+3A6H/+JEpOncu5dCnkS1QQ6+ct3Jkaepw1NGVqqOZH6lqrm244mCftA==",
2845+ "dev": true,
2846+ "dependencies": {
2847+ "postcss": "^7.0.5",
2848+ "postcss-values-parser": "^2.0.0"
2849+ },
2850+ "engines": {
2851+ "node": ">=6.0.0"
2852+ }
2853+ },
2854+ "node_modules/postcss-double-position-gradients/node_modules/postcss": {
2855+ "version": "7.0.36",
2856+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2857+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2858+ "dev": true,
2859+ "dependencies": {
2860+ "chalk": "^2.4.2",
2861+ "source-map": "^0.6.1",
2862+ "supports-color": "^6.1.0"
2863+ },
2864+ "engines": {
2865+ "node": ">=6.0.0"
2866+ },
2867+ "funding": {
2868+ "type": "opencollective",
2869+ "url": "https://opencollective.com/postcss/"
2870+ }
2871+ },
2872+ "node_modules/postcss-easings": {
2873+ "version": "3.0.1",
2874+ "resolved": "https://registry.npmjs.org/postcss-easings/-/postcss-easings-3.0.1.tgz",
2875+ "integrity": "sha512-n3bG/X3iB0m8d845vhFg/62/ECeT8jY8gE8F2A41z8Mty41spYA4vzMLezha7icVjtGjqlxgO3QE+uOzpDqeww==",
2876+ "dev": true,
2877+ "dependencies": {
2878+ "postcss-value-parser": "^4.1.0"
2879+ },
2880+ "engines": {
2881+ "node": ">=10.0"
2882+ }
2883+ },
2884+ "node_modules/postcss-env-function": {
2885+ "version": "2.0.2",
2886+ "resolved": "https://registry.npmjs.org/postcss-env-function/-/postcss-env-function-2.0.2.tgz",
2887+ "integrity": "sha512-rwac4BuZlITeUbiBq60h/xbLzXY43qOsIErngWa4l7Mt+RaSkT7QBjXVGTcBHupykkblHMDrBFh30zchYPaOUw==",
2888+ "dev": true,
2889+ "dependencies": {
2890+ "postcss": "^7.0.2",
2891+ "postcss-values-parser": "^2.0.0"
2892+ },
2893+ "engines": {
2894+ "node": ">=6.0.0"
2895+ }
2896+ },
2897+ "node_modules/postcss-env-function/node_modules/postcss": {
2898+ "version": "7.0.36",
2899+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2900+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2901+ "dev": true,
2902+ "dependencies": {
2903+ "chalk": "^2.4.2",
2904+ "source-map": "^0.6.1",
2905+ "supports-color": "^6.1.0"
2906+ },
2907+ "engines": {
2908+ "node": ">=6.0.0"
2909+ },
2910+ "funding": {
2911+ "type": "opencollective",
2912+ "url": "https://opencollective.com/postcss/"
2913+ }
2914+ },
2915+ "node_modules/postcss-focus-visible": {
2916+ "version": "4.0.0",
2917+ "resolved": "https://registry.npmjs.org/postcss-focus-visible/-/postcss-focus-visible-4.0.0.tgz",
2918+ "integrity": "sha512-Z5CkWBw0+idJHSV6+Bgf2peDOFf/x4o+vX/pwcNYrWpXFrSfTkQ3JQ1ojrq9yS+upnAlNRHeg8uEwFTgorjI8g==",
2919+ "dev": true,
2920+ "dependencies": {
2921+ "postcss": "^7.0.2"
2922+ },
2923+ "engines": {
2924+ "node": ">=6.0.0"
2925+ }
2926+ },
2927+ "node_modules/postcss-focus-visible/node_modules/postcss": {
2928+ "version": "7.0.36",
2929+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2930+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2931+ "dev": true,
2932+ "dependencies": {
2933+ "chalk": "^2.4.2",
2934+ "source-map": "^0.6.1",
2935+ "supports-color": "^6.1.0"
2936+ },
2937+ "engines": {
2938+ "node": ">=6.0.0"
2939+ },
2940+ "funding": {
2941+ "type": "opencollective",
2942+ "url": "https://opencollective.com/postcss/"
2943+ }
2944+ },
2945+ "node_modules/postcss-focus-within": {
2946+ "version": "3.0.0",
2947+ "resolved": "https://registry.npmjs.org/postcss-focus-within/-/postcss-focus-within-3.0.0.tgz",
2948+ "integrity": "sha512-W0APui8jQeBKbCGZudW37EeMCjDeVxKgiYfIIEo8Bdh5SpB9sxds/Iq8SEuzS0Q4YFOlG7EPFulbbxujpkrV2w==",
2949+ "dev": true,
2950+ "dependencies": {
2951+ "postcss": "^7.0.2"
2952+ },
2953+ "engines": {
2954+ "node": ">=6.0.0"
2955+ }
2956+ },
2957+ "node_modules/postcss-focus-within/node_modules/postcss": {
2958+ "version": "7.0.36",
2959+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2960+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2961+ "dev": true,
2962+ "dependencies": {
2963+ "chalk": "^2.4.2",
2964+ "source-map": "^0.6.1",
2965+ "supports-color": "^6.1.0"
2966+ },
2967+ "engines": {
2968+ "node": ">=6.0.0"
2969+ },
2970+ "funding": {
2971+ "type": "opencollective",
2972+ "url": "https://opencollective.com/postcss/"
2973+ }
2974+ },
2975+ "node_modules/postcss-font-variant": {
2976+ "version": "4.0.1",
2977+ "resolved": "https://registry.npmjs.org/postcss-font-variant/-/postcss-font-variant-4.0.1.tgz",
2978+ "integrity": "sha512-I3ADQSTNtLTTd8uxZhtSOrTCQ9G4qUVKPjHiDk0bV75QSxXjVWiJVJ2VLdspGUi9fbW9BcjKJoRvxAH1pckqmA==",
2979+ "dev": true,
2980+ "dependencies": {
2981+ "postcss": "^7.0.2"
2982+ }
2983+ },
2984+ "node_modules/postcss-font-variant/node_modules/postcss": {
2985+ "version": "7.0.36",
2986+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2987+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2988+ "dev": true,
2989+ "dependencies": {
2990+ "chalk": "^2.4.2",
2991+ "source-map": "^0.6.1",
2992+ "supports-color": "^6.1.0"
2993+ },
2994+ "engines": {
2995+ "node": ">=6.0.0"
2996+ },
2997+ "funding": {
2998+ "type": "opencollective",
2999+ "url": "https://opencollective.com/postcss/"
3000+ }
3001+ },
3002+ "node_modules/postcss-gap-properties": {
3003+ "version": "2.0.0",
3004+ "resolved": "https://registry.npmjs.org/postcss-gap-properties/-/postcss-gap-properties-2.0.0.tgz",
3005+ "integrity": "sha512-QZSqDaMgXCHuHTEzMsS2KfVDOq7ZFiknSpkrPJY6jmxbugUPTuSzs/vuE5I3zv0WAS+3vhrlqhijiprnuQfzmg==",
3006+ "dev": true,
3007+ "dependencies": {
3008+ "postcss": "^7.0.2"
3009+ },
3010+ "engines": {
3011+ "node": ">=6.0.0"
3012+ }
3013+ },
3014+ "node_modules/postcss-gap-properties/node_modules/postcss": {
3015+ "version": "7.0.36",
3016+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
3017+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
3018+ "dev": true,
3019+ "dependencies": {
3020+ "chalk": "^2.4.2",
3021+ "source-map": "^0.6.1",
3022+ "supports-color": "^6.1.0"
3023+ },
3024+ "engines": {
3025+ "node": ">=6.0.0"
3026+ },
3027+ "funding": {
3028+ "type": "opencollective",
3029+ "url": "https://opencollective.com/postcss/"
3030+ }
3031+ },
3032+ "node_modules/postcss-image-set-function": {
3033+ "version": "3.0.1",
3034+ "resolved": "https://registry.npmjs.org/postcss-image-set-function/-/postcss-image-set-function-3.0.1.tgz",
3035+ "integrity": "sha512-oPTcFFip5LZy8Y/whto91L9xdRHCWEMs3e1MdJxhgt4jy2WYXfhkng59fH5qLXSCPN8k4n94p1Czrfe5IOkKUw==",
3036+ "dev": true,
3037+ "dependencies": {
3038+ "postcss": "^7.0.2",
3039+ "postcss-values-parser": "^2.0.0"
3040+ },
3041+ "engines": {
3042+ "node": ">=6.0.0"
3043+ }
3044+ },
3045+ "node_modules/postcss-image-set-function/node_modules/postcss": {
3046+ "version": "7.0.36",
3047+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
3048+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
3049+ "dev": true,
3050+ "dependencies": {
3051+ "chalk": "^2.4.2",
3052+ "source-map": "^0.6.1",
3053+ "supports-color": "^6.1.0"
3054+ },
3055+ "engines": {
3056+ "node": ">=6.0.0"
3057+ },
3058+ "funding": {
3059+ "type": "opencollective",
3060+ "url": "https://opencollective.com/postcss/"
3061+ }
3062+ },
3063+ "node_modules/postcss-initial": {
3064+ "version": "3.0.2",
3065+ "resolved": "https://registry.npmjs.org/postcss-initial/-/postcss-initial-3.0.2.tgz",
3066+ "integrity": "sha512-ugA2wKonC0xeNHgirR4D3VWHs2JcU08WAi1KFLVcnb7IN89phID6Qtg2RIctWbnvp1TM2BOmDtX8GGLCKdR8YA==",
3067+ "dev": true,
3068+ "dependencies": {
3069+ "lodash.template": "^4.5.0",
3070+ "postcss": "^7.0.2"
3071+ }
3072+ },
3073+ "node_modules/postcss-initial/node_modules/postcss": {
3074+ "version": "7.0.36",
3075+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
3076+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
3077+ "dev": true,
3078+ "dependencies": {
3079+ "chalk": "^2.4.2",
3080+ "source-map": "^0.6.1",
3081+ "supports-color": "^6.1.0"
3082+ },
3083+ "engines": {
3084+ "node": ">=6.0.0"
3085+ },
3086+ "funding": {
3087+ "type": "opencollective",
3088+ "url": "https://opencollective.com/postcss/"
3089+ }
3090+ },
3091+ "node_modules/postcss-lab-function": {
3092+ "version": "2.0.1",
3093+ "resolved": "https://registry.npmjs.org/postcss-lab-function/-/postcss-lab-function-2.0.1.tgz",
3094+ "integrity": "sha512-whLy1IeZKY+3fYdqQFuDBf8Auw+qFuVnChWjmxm/UhHWqNHZx+B99EwxTvGYmUBqe3Fjxs4L1BoZTJmPu6usVg==",
3095+ "dev": true,
3096+ "dependencies": {
3097+ "@csstools/convert-colors": "^1.4.0",
3098+ "postcss": "^7.0.2",
3099+ "postcss-values-parser": "^2.0.0"
3100+ },
3101+ "engines": {
3102+ "node": ">=6.0.0"
3103+ }
3104+ },
3105+ "node_modules/postcss-lab-function/node_modules/postcss": {
3106+ "version": "7.0.36",
3107+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
3108+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
3109+ "dev": true,
3110+ "dependencies": {
3111+ "chalk": "^2.4.2",
3112+ "source-map": "^0.6.1",
3113+ "supports-color": "^6.1.0"
3114+ },
3115+ "engines": {
3116+ "node": ">=6.0.0"
3117+ },
3118+ "funding": {
3119+ "type": "opencollective",
3120+ "url": "https://opencollective.com/postcss/"
3121+ }
3122+ },
3123+ "node_modules/postcss-logical": {
3124+ "version": "3.0.0",
3125+ "resolved": "https://registry.npmjs.org/postcss-logical/-/postcss-logical-3.0.0.tgz",
3126+ "integrity": "sha512-1SUKdJc2vuMOmeItqGuNaC+N8MzBWFWEkAnRnLpFYj1tGGa7NqyVBujfRtgNa2gXR+6RkGUiB2O5Vmh7E2RmiA==",
3127+ "dev": true,
3128+ "dependencies": {
3129+ "postcss": "^7.0.2"
3130+ },
3131+ "engines": {
3132+ "node": ">=6.0.0"
3133+ }
3134+ },
3135+ "node_modules/postcss-logical/node_modules/postcss": {
3136+ "version": "7.0.36",
3137+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
3138+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
3139+ "dev": true,
3140+ "dependencies": {
3141+ "chalk": "^2.4.2",
3142+ "source-map": "^0.6.1",
3143+ "supports-color": "^6.1.0"
3144+ },
3145+ "engines": {
3146+ "node": ">=6.0.0"
3147+ },
3148+ "funding": {
3149+ "type": "opencollective",
3150+ "url": "https://opencollective.com/postcss/"
3151+ }
3152+ },
3153+ "node_modules/postcss-media-minmax": {
3154+ "version": "4.0.0",
3155+ "resolved": "https://registry.npmjs.org/postcss-media-minmax/-/postcss-media-minmax-4.0.0.tgz",
3156+ "integrity": "sha512-fo9moya6qyxsjbFAYl97qKO9gyre3qvbMnkOZeZwlsW6XYFsvs2DMGDlchVLfAd8LHPZDxivu/+qW2SMQeTHBw==",
3157+ "dev": true,
3158+ "dependencies": {
3159+ "postcss": "^7.0.2"
3160+ },
3161+ "engines": {
3162+ "node": ">=6.0.0"
3163+ }
3164+ },
3165+ "node_modules/postcss-media-minmax/node_modules/postcss": {
3166+ "version": "7.0.36",
3167+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
3168+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
3169+ "dev": true,
3170+ "dependencies": {
3171+ "chalk": "^2.4.2",
3172+ "source-map": "^0.6.1",
3173+ "supports-color": "^6.1.0"
3174+ },
3175+ "engines": {
3176+ "node": ">=6.0.0"
3177+ },
3178+ "funding": {
3179+ "type": "opencollective",
3180+ "url": "https://opencollective.com/postcss/"
3181+ }
3182+ },
3183+ "node_modules/postcss-nesting": {
3184+ "version": "7.0.1",
3185+ "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-7.0.1.tgz",
3186+ "integrity": "sha512-FrorPb0H3nuVq0Sff7W2rnc3SmIcruVC6YwpcS+k687VxyxO33iE1amna7wHuRVzM8vfiYofXSBHNAZ3QhLvYg==",
3187+ "dev": true,
3188+ "dependencies": {
3189+ "postcss": "^7.0.2"
3190+ },
3191+ "engines": {
3192+ "node": ">=6.0.0"
3193+ }
3194+ },
3195+ "node_modules/postcss-nesting/node_modules/postcss": {
3196+ "version": "7.0.36",
3197+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
3198+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
3199+ "dev": true,
3200+ "dependencies": {
3201+ "chalk": "^2.4.2",
3202+ "source-map": "^0.6.1",
3203+ "supports-color": "^6.1.0"
3204+ },
3205+ "engines": {
3206+ "node": ">=6.0.0"
3207+ },
3208+ "funding": {
3209+ "type": "opencollective",
3210+ "url": "https://opencollective.com/postcss/"
3211+ }
3212+ },
3213+ "node_modules/postcss-overflow-shorthand": {
3214+ "version": "2.0.0",
3215+ "resolved": "https://registry.npmjs.org/postcss-overflow-shorthand/-/postcss-overflow-shorthand-2.0.0.tgz",
3216+ "integrity": "sha512-aK0fHc9CBNx8jbzMYhshZcEv8LtYnBIRYQD5i7w/K/wS9c2+0NSR6B3OVMu5y0hBHYLcMGjfU+dmWYNKH0I85g==",
3217+ "dev": true,
3218+ "dependencies": {
3219+ "postcss": "^7.0.2"
3220+ },
3221+ "engines": {
3222+ "node": ">=6.0.0"
3223+ }
3224+ },
3225+ "node_modules/postcss-overflow-shorthand/node_modules/postcss": {
3226+ "version": "7.0.36",
3227+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
3228+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
3229+ "dev": true,
3230+ "dependencies": {
3231+ "chalk": "^2.4.2",
3232+ "source-map": "^0.6.1",
3233+ "supports-color": "^6.1.0"
3234+ },
3235+ "engines": {
3236+ "node": ">=6.0.0"
3237+ },
3238+ "funding": {
3239+ "type": "opencollective",
3240+ "url": "https://opencollective.com/postcss/"
3241+ }
3242+ },
3243+ "node_modules/postcss-page-break": {
3244+ "version": "2.0.0",
3245+ "resolved": "https://registry.npmjs.org/postcss-page-break/-/postcss-page-break-2.0.0.tgz",
3246+ "integrity": "sha512-tkpTSrLpfLfD9HvgOlJuigLuk39wVTbbd8RKcy8/ugV2bNBUW3xU+AIqyxhDrQr1VUj1RmyJrBn1YWrqUm9zAQ==",
3247+ "dev": true,
3248+ "dependencies": {
3249+ "postcss": "^7.0.2"
3250+ }
3251+ },
3252+ "node_modules/postcss-page-break/node_modules/postcss": {
3253+ "version": "7.0.36",
3254+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
3255+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
3256+ "dev": true,
3257+ "dependencies": {
3258+ "chalk": "^2.4.2",
3259+ "source-map": "^0.6.1",
3260+ "supports-color": "^6.1.0"
3261+ },
3262+ "engines": {
3263+ "node": ">=6.0.0"
3264+ },
3265+ "funding": {
3266+ "type": "opencollective",
3267+ "url": "https://opencollective.com/postcss/"
3268+ }
3269+ },
3270+ "node_modules/postcss-place": {
3271+ "version": "4.0.1",
3272+ "resolved": "https://registry.npmjs.org/postcss-place/-/postcss-place-4.0.1.tgz",
3273+ "integrity": "sha512-Zb6byCSLkgRKLODj/5mQugyuj9bvAAw9LqJJjgwz5cYryGeXfFZfSXoP1UfveccFmeq0b/2xxwcTEVScnqGxBg==",
3274+ "dev": true,
3275+ "dependencies": {
3276+ "postcss": "^7.0.2",
3277+ "postcss-values-parser": "^2.0.0"
3278+ },
3279+ "engines": {
3280+ "node": ">=6.0.0"
3281+ }
3282+ },
3283+ "node_modules/postcss-place/node_modules/postcss": {
3284+ "version": "7.0.36",
3285+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
3286+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
3287+ "dev": true,
3288+ "dependencies": {
3289+ "chalk": "^2.4.2",
3290+ "source-map": "^0.6.1",
3291+ "supports-color": "^6.1.0"
3292+ },
3293+ "engines": {
3294+ "node": ">=6.0.0"
3295+ },
3296+ "funding": {
3297+ "type": "opencollective",
3298+ "url": "https://opencollective.com/postcss/"
3299+ }
3300+ },
3301+ "node_modules/postcss-preset-env": {
3302+ "version": "6.7.0",
3303+ "resolved": "https://registry.npmjs.org/postcss-preset-env/-/postcss-preset-env-6.7.0.tgz",
3304+ "integrity": "sha512-eU4/K5xzSFwUFJ8hTdTQzo2RBLbDVt83QZrAvI07TULOkmyQlnYlpwep+2yIK+K+0KlZO4BvFcleOCCcUtwchg==",
3305+ "dev": true,
3306+ "dependencies": {
3307+ "autoprefixer": "^9.6.1",
3308+ "browserslist": "^4.6.4",
3309+ "caniuse-lite": "^1.0.30000981",
3310+ "css-blank-pseudo": "^0.1.4",
3311+ "css-has-pseudo": "^0.10.0",
3312+ "css-prefers-color-scheme": "^3.1.1",
3313+ "cssdb": "^4.4.0",
3314+ "postcss": "^7.0.17",
3315+ "postcss-attribute-case-insensitive": "^4.0.1",
3316+ "postcss-color-functional-notation": "^2.0.1",
3317+ "postcss-color-gray": "^5.0.0",
3318+ "postcss-color-hex-alpha": "^5.0.3",
3319+ "postcss-color-mod-function": "^3.0.3",
3320+ "postcss-color-rebeccapurple": "^4.0.1",
3321+ "postcss-custom-media": "^7.0.8",
3322+ "postcss-custom-properties": "^8.0.11",
3323+ "postcss-custom-selectors": "^5.1.2",
3324+ "postcss-dir-pseudo-class": "^5.0.0",
3325+ "postcss-double-position-gradients": "^1.0.0",
3326+ "postcss-env-function": "^2.0.2",
3327+ "postcss-focus-visible": "^4.0.0",
3328+ "postcss-focus-within": "^3.0.0",
3329+ "postcss-font-variant": "^4.0.0",
3330+ "postcss-gap-properties": "^2.0.0",
3331+ "postcss-image-set-function": "^3.0.1",
3332+ "postcss-initial": "^3.0.0",
3333+ "postcss-lab-function": "^2.0.1",
3334+ "postcss-logical": "^3.0.0",
3335+ "postcss-media-minmax": "^4.0.0",
3336+ "postcss-nesting": "^7.0.0",
3337+ "postcss-overflow-shorthand": "^2.0.0",
3338+ "postcss-page-break": "^2.0.0",
3339+ "postcss-place": "^4.0.1",
3340+ "postcss-pseudo-class-any-link": "^6.0.0",
3341+ "postcss-replace-overflow-wrap": "^3.0.0",
3342+ "postcss-selector-matches": "^4.0.0",
3343+ "postcss-selector-not": "^4.0.0"
3344+ },
3345+ "engines": {
3346+ "node": ">=6.0.0"
3347+ }
3348+ },
3349+ "node_modules/postcss-preset-env/node_modules/postcss": {
3350+ "version": "7.0.36",
3351+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
3352+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
3353+ "dev": true,
3354+ "dependencies": {
3355+ "chalk": "^2.4.2",
3356+ "source-map": "^0.6.1",
3357+ "supports-color": "^6.1.0"
3358+ },
3359+ "engines": {
3360+ "node": ">=6.0.0"
3361+ },
3362+ "funding": {
3363+ "type": "opencollective",
3364+ "url": "https://opencollective.com/postcss/"
3365+ }
3366+ },
3367+ "node_modules/postcss-pseudo-class-any-link": {
3368+ "version": "6.0.0",
3369+ "resolved": "https://registry.npmjs.org/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-6.0.0.tgz",
3370+ "integrity": "sha512-lgXW9sYJdLqtmw23otOzrtbDXofUdfYzNm4PIpNE322/swES3VU9XlXHeJS46zT2onFO7V1QFdD4Q9LiZj8mew==",
3371+ "dev": true,
3372+ "dependencies": {
3373+ "postcss": "^7.0.2",
3374+ "postcss-selector-parser": "^5.0.0-rc.3"
3375+ },
3376+ "engines": {
3377+ "node": ">=6.0.0"
3378+ }
3379+ },
3380+ "node_modules/postcss-pseudo-class-any-link/node_modules/postcss": {
3381+ "version": "7.0.36",
3382+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
3383+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
3384+ "dev": true,
3385+ "dependencies": {
3386+ "chalk": "^2.4.2",
3387+ "source-map": "^0.6.1",
3388+ "supports-color": "^6.1.0"
3389+ },
3390+ "engines": {
3391+ "node": ">=6.0.0"
3392+ },
3393+ "funding": {
3394+ "type": "opencollective",
3395+ "url": "https://opencollective.com/postcss/"
3396+ }
3397+ },
3398+ "node_modules/postcss-replace-overflow-wrap": {
3399+ "version": "3.0.0",
3400+ "resolved": "https://registry.npmjs.org/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-3.0.0.tgz",
3401+ "integrity": "sha512-2T5hcEHArDT6X9+9dVSPQdo7QHzG4XKclFT8rU5TzJPDN7RIRTbO9c4drUISOVemLj03aezStHCR2AIcr8XLpw==",
3402+ "dev": true,
3403+ "dependencies": {
3404+ "postcss": "^7.0.2"
3405+ }
3406+ },
3407+ "node_modules/postcss-replace-overflow-wrap/node_modules/postcss": {
3408+ "version": "7.0.36",
3409+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
3410+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
3411+ "dev": true,
3412+ "dependencies": {
3413+ "chalk": "^2.4.2",
3414+ "source-map": "^0.6.1",
3415+ "supports-color": "^6.1.0"
3416+ },
3417+ "engines": {
3418+ "node": ">=6.0.0"
3419+ },
3420+ "funding": {
3421+ "type": "opencollective",
3422+ "url": "https://opencollective.com/postcss/"
3423+ }
3424+ },
3425+ "node_modules/postcss-selector-matches": {
3426+ "version": "4.0.0",
3427+ "resolved": "https://registry.npmjs.org/postcss-selector-matches/-/postcss-selector-matches-4.0.0.tgz",
3428+ "integrity": "sha512-LgsHwQR/EsRYSqlwdGzeaPKVT0Ml7LAT6E75T8W8xLJY62CE4S/l03BWIt3jT8Taq22kXP08s2SfTSzaraoPww==",
3429+ "dev": true,
3430+ "dependencies": {
3431+ "balanced-match": "^1.0.0",
3432+ "postcss": "^7.0.2"
3433+ }
3434+ },
3435+ "node_modules/postcss-selector-matches/node_modules/postcss": {
3436+ "version": "7.0.36",
3437+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
3438+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
3439+ "dev": true,
3440+ "dependencies": {
3441+ "chalk": "^2.4.2",
3442+ "source-map": "^0.6.1",
3443+ "supports-color": "^6.1.0"
3444+ },
3445+ "engines": {
3446+ "node": ">=6.0.0"
3447+ },
3448+ "funding": {
3449+ "type": "opencollective",
3450+ "url": "https://opencollective.com/postcss/"
3451+ }
3452+ },
3453+ "node_modules/postcss-selector-not": {
3454+ "version": "4.0.1",
3455+ "resolved": "https://registry.npmjs.org/postcss-selector-not/-/postcss-selector-not-4.0.1.tgz",
3456+ "integrity": "sha512-YolvBgInEK5/79C+bdFMyzqTg6pkYqDbzZIST/PDMqa/o3qtXenD05apBG2jLgT0/BQ77d4U2UK12jWpilqMAQ==",
3457+ "dev": true,
3458+ "dependencies": {
3459+ "balanced-match": "^1.0.0",
3460+ "postcss": "^7.0.2"
3461+ }
3462+ },
3463+ "node_modules/postcss-selector-not/node_modules/postcss": {
3464+ "version": "7.0.36",
3465+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
3466+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
3467+ "dev": true,
3468+ "dependencies": {
3469+ "chalk": "^2.4.2",
3470+ "source-map": "^0.6.1",
3471+ "supports-color": "^6.1.0"
3472+ },
3473+ "engines": {
3474+ "node": ">=6.0.0"
3475+ },
3476+ "funding": {
3477+ "type": "opencollective",
3478+ "url": "https://opencollective.com/postcss/"
3479+ }
3480+ },
3481+ "node_modules/postcss-selector-parser": {
3482+ "version": "5.0.0",
3483+ "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz",
3484+ "integrity": "sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==",
3485+ "dev": true,
3486+ "dependencies": {
3487+ "cssesc": "^2.0.0",
3488+ "indexes-of": "^1.0.1",
3489+ "uniq": "^1.0.1"
3490+ },
3491+ "engines": {
3492+ "node": ">=4"
3493+ }
3494+ },
3495+ "node_modules/postcss-value-parser": {
3496+ "version": "4.1.0",
3497+ "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz",
3498+ "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==",
3499+ "dev": true
3500+ },
3501+ "node_modules/postcss-values-parser": {
3502+ "version": "2.0.1",
3503+ "resolved": "https://registry.npmjs.org/postcss-values-parser/-/postcss-values-parser-2.0.1.tgz",
3504+ "integrity": "sha512-2tLuBsA6P4rYTNKCXYG/71C7j1pU6pK503suYOmn4xYrQIzW+opD+7FAFNuGSdZC/3Qfy334QbeMu7MEb8gOxg==",
3505+ "dev": true,
3506+ "dependencies": {
3507+ "flatten": "^1.0.2",
3508+ "indexes-of": "^1.0.1",
3509+ "uniq": "^1.0.1"
3510+ },
3511+ "engines": {
3512+ "node": ">=6.14.4"
3513+ }
3514+ },
3515+ "node_modules/resolve": {
3516+ "version": "1.19.0",
3517+ "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.19.0.tgz",
3518+ "integrity": "sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==",
3519+ "dev": true,
3520+ "dependencies": {
3521+ "is-core-module": "^2.1.0",
3522+ "path-parse": "^1.0.6"
3523+ }
3524+ },
3525+ "node_modules/rollup": {
3526+ "version": "2.38.4",
3527+ "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.38.4.tgz",
3528+ "integrity": "sha512-B0LcJhjiwKkTl79aGVF/u5KdzsH8IylVfV56Ut6c9ouWLJcUK17T83aZBetNYSnZtXf2OHD4+2PbmRW+Fp5ulg==",
3529+ "dev": true,
3530+ "bin": {
3531+ "rollup": "dist/bin/rollup"
3532+ },
3533+ "engines": {
3534+ "node": ">=10.0.0"
3535+ },
3536+ "optionalDependencies": {
3537+ "fsevents": "~2.3.1"
3538+ }
3539+ },
3540+ "node_modules/rollup/node_modules/fsevents": {
3541+ "version": "2.3.1",
3542+ "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.1.tgz",
3543+ "integrity": "sha512-YR47Eg4hChJGAB1O3yEAOkGO+rlzutoICGqGo9EZ4lKWokzZRSyIW1QmTzqjtw8MJdj9srP869CuWw/hyzSiBw==",
3544+ "dev": true,
3545+ "optional": true,
3546+ "os": [
3547+ "darwin"
3548+ ],
3549+ "engines": {
3550+ "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
3551+ }
3552+ },
3553+ "node_modules/source-map": {
3554+ "version": "0.6.1",
3555+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
3556+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
3557+ "dev": true,
3558+ "engines": {
3559+ "node": ">=0.10.0"
3560+ }
3561+ },
3562+ "node_modules/source-map-js": {
3563+ "version": "0.6.2",
3564+ "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-0.6.2.tgz",
3565+ "integrity": "sha512-/3GptzWzu0+0MBQFrDKzw/DvvMTUORvgY6k6jd/VS6iCR4RDTKWH6v6WPwQoUO8667uQEf9Oe38DxAYWY5F/Ug==",
3566+ "dev": true,
3567+ "engines": {
3568+ "node": ">=0.10.0"
3569+ }
3570+ },
3571+ "node_modules/supports-color": {
3572+ "version": "6.1.0",
3573+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
3574+ "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
3575+ "dev": true,
3576+ "dependencies": {
3577+ "has-flag": "^3.0.0"
3578+ },
3579+ "engines": {
3580+ "node": ">=6"
3581+ }
3582+ },
3583+ "node_modules/uniq": {
3584+ "version": "1.0.1",
3585+ "resolved": "https://registry.npmjs.org/uniq/-/uniq-1.0.1.tgz",
3586+ "integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=",
3587+ "dev": true
3588+ },
3589+ "node_modules/util-deprecate": {
3590+ "version": "1.0.2",
3591+ "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
3592+ "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
3593+ "dev": true
3594+ },
3595+ "node_modules/vite": {
3596+ "version": "2.0.0-beta.62",
3597+ "resolved": "https://registry.npmjs.org/vite/-/vite-2.0.0-beta.62.tgz",
3598+ "integrity": "sha512-75RF5H/8Ta2UvTSjiK5EslyTkUTgRMgkeVRDHqlfDNAJUI8+gvXzhEdTpq2bsASjvnlSytBk+odtCxikEoibbg==",
3599+ "dev": true,
3600+ "dependencies": {
3601+ "esbuild": "^0.8.34",
3602+ "postcss": "^8.2.1",
3603+ "resolve": "^1.19.0",
3604+ "rollup": "^2.35.1"
3605+ },
3606+ "bin": {
3607+ "vite": "bin/vite.js"
3608+ },
3609+ "engines": {
3610+ "node": ">=12.0.0"
3611+ },
3612+ "optionalDependencies": {
3613+ "fsevents": "~2.1.2"
3614+ }
3615+ }
3616+ },
3617+ "dependencies": {
3618+ "@csstools/convert-colors": {
3619+ "version": "1.4.0",
3620+ "resolved": "https://registry.npmjs.org/@csstools/convert-colors/-/convert-colors-1.4.0.tgz",
3621+ "integrity": "sha512-5a6wqoJV/xEdbRNKVo6I4hO3VjyDq//8q2f9I6PBAvMesJHFauXDorcNCsr9RzvsZnaWi5NYCcfyqP1QeFHFbw==",
3622+ "dev": true
3623+ },
3624+ "ansi-styles": {
3625+ "version": "3.2.1",
3626+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
3627+ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
3628+ "dev": true,
3629+ "requires": {
3630+ "color-convert": "^1.9.0"
3631+ }
3632+ },
3633+ "autoprefixer": {
3634+ "version": "9.8.6",
3635+ "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.6.tgz",
3636+ "integrity": "sha512-XrvP4VVHdRBCdX1S3WXVD8+RyG9qeb1D5Sn1DeLiG2xfSpzellk5k54xbUERJ3M5DggQxes39UGOTP8CFrEGbg==",
3637+ "dev": true,
3638+ "requires": {
3639+ "browserslist": "^4.12.0",
3640+ "caniuse-lite": "^1.0.30001109",
3641+ "colorette": "^1.2.1",
3642+ "normalize-range": "^0.1.2",
3643+ "num2fraction": "^1.2.2",
3644+ "postcss": "^7.0.32",
3645+ "postcss-value-parser": "^4.1.0"
3646+ },
3647+ "dependencies": {
3648+ "postcss": {
3649+ "version": "7.0.36",
3650+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
3651+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
3652+ "dev": true,
3653+ "requires": {
3654+ "chalk": "^2.4.2",
3655+ "source-map": "^0.6.1",
3656+ "supports-color": "^6.1.0"
3657+ }
3658+ }
3659+ }
3660+ },
3661+ "balanced-match": {
3662+ "version": "1.0.0",
3663+ "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
3664+ "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
3665+ "dev": true
3666+ },
3667+ "browserslist": {
3668+ "version": "4.17.0",
3669+ "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.17.0.tgz",
3670+ "integrity": "sha512-g2BJ2a0nEYvEFQC208q8mVAhfNwpZ5Mu8BwgtCdZKO3qx98HChmeg448fPdUzld8aFmfLgVh7yymqV+q1lJZ5g==",
3671+ "dev": true,
3672+ "requires": {
3673+ "caniuse-lite": "^1.0.30001254",
3674+ "colorette": "^1.3.0",
3675+ "electron-to-chromium": "^1.3.830",
3676+ "escalade": "^3.1.1",
3677+ "node-releases": "^1.1.75"
3678+ }
3679+ },
3680+ "caniuse-lite": {
3681+ "version": "1.0.30001255",
3682+ "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001255.tgz",
3683+ "integrity": "sha512-F+A3N9jTZL882f/fg/WWVnKSu6IOo3ueLz4zwaOPbPYHNmM/ZaDUyzyJwS1mZhX7Ex5jqTyW599Gdelh5PDYLQ==",
3684+ "dev": true
3685+ },
3686+ "chalk": {
3687+ "version": "2.4.2",
3688+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
3689+ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
3690+ "dev": true,
3691+ "requires": {
3692+ "ansi-styles": "^3.2.1",
3693+ "escape-string-regexp": "^1.0.5",
3694+ "supports-color": "^5.3.0"
3695+ },
3696+ "dependencies": {
3697+ "supports-color": {
3698+ "version": "5.5.0",
3699+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
3700+ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
3701+ "dev": true,
3702+ "requires": {
3703+ "has-flag": "^3.0.0"
3704+ }
3705+ }
3706+ }
3707+ },
3708+ "color-convert": {
3709+ "version": "1.9.3",
3710+ "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
3711+ "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
3712+ "dev": true,
3713+ "requires": {
3714+ "color-name": "1.1.3"
3715+ }
3716+ },
3717+ "color-name": {
3718+ "version": "1.1.3",
3719+ "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
3720+ "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
3721+ "dev": true
3722+ },
3723+ "colorette": {
3724+ "version": "1.3.0",
3725+ "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.3.0.tgz",
3726+ "integrity": "sha512-ecORCqbSFP7Wm8Y6lyqMJjexBQqXSF7SSeaTyGGphogUjBlFP9m9o08wy86HL2uB7fMTxtOUzLMk7ogKcxMg1w==",
3727+ "dev": true
3728+ },
3729+ "css-blank-pseudo": {
3730+ "version": "0.1.4",
3731+ "resolved": "https://registry.npmjs.org/css-blank-pseudo/-/css-blank-pseudo-0.1.4.tgz",
3732+ "integrity": "sha512-LHz35Hr83dnFeipc7oqFDmsjHdljj3TQtxGGiNWSOsTLIAubSm4TEz8qCaKFpk7idaQ1GfWscF4E6mgpBysA1w==",
3733+ "dev": true,
3734+ "requires": {
3735+ "postcss": "^7.0.5"
3736+ },
3737+ "dependencies": {
3738+ "postcss": {
3739+ "version": "7.0.36",
3740+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
3741+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
3742+ "dev": true,
3743+ "requires": {
3744+ "chalk": "^2.4.2",
3745+ "source-map": "^0.6.1",
3746+ "supports-color": "^6.1.0"
3747+ }
3748+ }
3749+ }
3750+ },
3751+ "css-has-pseudo": {
3752+ "version": "0.10.0",
3753+ "resolved": "https://registry.npmjs.org/css-has-pseudo/-/css-has-pseudo-0.10.0.tgz",
3754+ "integrity": "sha512-Z8hnfsZu4o/kt+AuFzeGpLVhFOGO9mluyHBaA2bA8aCGTwah5sT3WV/fTHH8UNZUytOIImuGPrl/prlb4oX4qQ==",
3755+ "dev": true,
3756+ "requires": {
3757+ "postcss": "^7.0.6",
3758+ "postcss-selector-parser": "^5.0.0-rc.4"
3759+ },
3760+ "dependencies": {
3761+ "postcss": {
3762+ "version": "7.0.36",
3763+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
3764+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
3765+ "dev": true,
3766+ "requires": {
3767+ "chalk": "^2.4.2",
3768+ "source-map": "^0.6.1",
3769+ "supports-color": "^6.1.0"
3770+ }
3771+ }
3772+ }
3773+ },
3774+ "css-prefers-color-scheme": {
3775+ "version": "3.1.1",
3776+ "resolved": "https://registry.npmjs.org/css-prefers-color-scheme/-/css-prefers-color-scheme-3.1.1.tgz",
3777+ "integrity": "sha512-MTu6+tMs9S3EUqzmqLXEcgNRbNkkD/TGFvowpeoWJn5Vfq7FMgsmRQs9X5NXAURiOBmOxm/lLjsDNXDE6k9bhg==",
3778+ "dev": true,
3779+ "requires": {
3780+ "postcss": "^7.0.5"
3781+ },
3782+ "dependencies": {
3783+ "postcss": {
3784+ "version": "7.0.36",
3785+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
3786+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
3787+ "dev": true,
3788+ "requires": {
3789+ "chalk": "^2.4.2",
3790+ "source-map": "^0.6.1",
3791+ "supports-color": "^6.1.0"
3792+ }
3793+ }
3794+ }
3795+ },
3796+ "cssdb": {
3797+ "version": "4.4.0",
3798+ "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-4.4.0.tgz",
3799+ "integrity": "sha512-LsTAR1JPEM9TpGhl/0p3nQecC2LJ0kD8X5YARu1hk/9I1gril5vDtMZyNxcEpxxDj34YNck/ucjuoUd66K03oQ==",
3800+ "dev": true
3801+ },
3802+ "cssesc": {
3803+ "version": "2.0.0",
3804+ "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-2.0.0.tgz",
3805+ "integrity": "sha512-MsCAG1z9lPdoO/IUMLSBWBSVxVtJ1395VGIQ+Fc2gNdkQ1hNDnQdw3YhA71WJCBW1vdwA0cAnk/DnW6bqoEUYg==",
3806+ "dev": true
3807+ },
3808+ "electron-to-chromium": {
3809+ "version": "1.3.830",
3810+ "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.830.tgz",
3811+ "integrity": "sha512-gBN7wNAxV5vl1430dG+XRcQhD4pIeYeak6p6rjdCtlz5wWNwDad8jwvphe5oi1chL5MV6RNRikfffBBiFuj+rQ==",
3812+ "dev": true
3813+ },
3814+ "esbuild": {
3815+ "version": "0.8.39",
3816+ "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.8.39.tgz",
3817+ "integrity": "sha512-/do5H74a5ChyeKRWfkDh3EpICXpsz6dWTtFFbotb7BlIHvWqnRrZYDb8IBubOHdEtKzuiksilRO19aBtp3/HHQ==",
3818+ "dev": true
3819+ },
3820+ "escalade": {
3821+ "version": "3.1.1",
3822+ "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
3823+ "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
3824+ "dev": true
3825+ },
3826+ "escape-string-regexp": {
3827+ "version": "1.0.5",
3828+ "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
3829+ "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
3830+ "dev": true
3831+ },
3832+ "flatten": {
3833+ "version": "1.0.3",
3834+ "resolved": "https://registry.npmjs.org/flatten/-/flatten-1.0.3.tgz",
3835+ "integrity": "sha512-dVsPA/UwQ8+2uoFe5GHtiBMu48dWLTdsuEd7CKGlZlD78r1TTWBvDuFaFGKCo/ZfEr95Uk56vZoX86OsHkUeIg==",
3836+ "dev": true
3837+ },
3838+ "fsevents": {
3839+ "version": "2.1.3",
3840+ "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.1.3.tgz",
3841+ "integrity": "sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==",
3842+ "dev": true,
3843+ "optional": true
3844+ },
3845+ "function-bind": {
3846+ "version": "1.1.1",
3847+ "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
3848+ "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
3849+ "dev": true
3850+ },
3851+ "has": {
3852+ "version": "1.0.3",
3853+ "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
3854+ "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
3855+ "dev": true,
3856+ "requires": {
3857+ "function-bind": "^1.1.1"
3858+ }
3859+ },
3860+ "has-flag": {
3861+ "version": "3.0.0",
3862+ "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
3863+ "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
3864+ "dev": true
3865+ },
3866+ "indexes-of": {
3867+ "version": "1.0.1",
3868+ "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz",
3869+ "integrity": "sha1-8w9xbI4r00bHtn0985FVZqfAVgc=",
3870+ "dev": true
3871+ },
3872+ "is-core-module": {
3873+ "version": "2.2.0",
3874+ "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.2.0.tgz",
3875+ "integrity": "sha512-XRAfAdyyY5F5cOXn7hYQDqh2Xmii+DEfIcQGxK/uNwMHhIkPWO0g8msXcbzLe+MpGoR951MlqM/2iIlU4vKDdQ==",
3876+ "dev": true,
3877+ "requires": {
3878+ "has": "^1.0.3"
3879+ }
3880+ },
3881+ "lodash._reinterpolate": {
3882+ "version": "3.0.0",
3883+ "resolved": "https://registry.npmjs.org/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz",
3884+ "integrity": "sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=",
3885+ "dev": true
3886+ },
3887+ "lodash.template": {
3888+ "version": "4.5.0",
3889+ "resolved": "https://registry.npmjs.org/lodash.template/-/lodash.template-4.5.0.tgz",
3890+ "integrity": "sha512-84vYFxIkmidUiFxidA/KjjH9pAycqW+h980j7Fuz5qxRtO9pgB7MDFTdys1N7A5mcucRiDyEq4fusljItR1T/A==",
3891+ "dev": true,
3892+ "requires": {
3893+ "lodash._reinterpolate": "^3.0.0",
3894+ "lodash.templatesettings": "^4.0.0"
3895+ }
3896+ },
3897+ "lodash.templatesettings": {
3898+ "version": "4.2.0",
3899+ "resolved": "https://registry.npmjs.org/lodash.templatesettings/-/lodash.templatesettings-4.2.0.tgz",
3900+ "integrity": "sha512-stgLz+i3Aa9mZgnjr/O+v9ruKZsPsndy7qPZOchbqk2cnTU1ZaldKK+v7m54WoKIyxiuMZTKT2H81F8BeAc3ZQ==",
3901+ "dev": true,
3902+ "requires": {
3903+ "lodash._reinterpolate": "^3.0.0"
3904+ }
3905+ },
3906+ "nanoid": {
3907+ "version": "3.1.25",
3908+ "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.25.tgz",
3909+ "integrity": "sha512-rdwtIXaXCLFAQbnfqDRnI6jaRHp9fTcYBjtFKE8eezcZ7LuLjhUaQGNeMXf1HmRoCH32CLz6XwX0TtxEOS/A3Q==",
3910+ "dev": true
3911+ },
3912+ "node-releases": {
3913+ "version": "1.1.75",
3914+ "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.75.tgz",
3915+ "integrity": "sha512-Qe5OUajvqrqDSy6wrWFmMwfJ0jVgwiw4T3KqmbTcZ62qW0gQkheXYhcFM1+lOVcGUoRxcEcfyvFMAnDgaF1VWw==",
3916+ "dev": true
3917+ },
3918+ "normalize-range": {
3919+ "version": "0.1.2",
3920+ "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
3921+ "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=",
3922+ "dev": true
3923+ },
3924+ "num2fraction": {
3925+ "version": "1.2.2",
3926+ "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz",
3927+ "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=",
3928+ "dev": true
3929+ },
3930+ "open-color": {
3931+ "version": "1.9.1",
3932+ "resolved": "https://registry.npmjs.org/open-color/-/open-color-1.9.1.tgz",
3933+ "integrity": "sha512-vCseG/EQ6/RcvxhUcGJiHViOgrtz4x0XbZepXvKik66TMGkvbmjeJrKFyBEx6daG5rNyyd14zYXhz0hZVwQFOw==",
3934+ "dev": true
3935+ },
3936+ "open-props": {
3937+ "version": "0.0.17",
3938+ "resolved": "https://registry.npmjs.org/open-props/-/open-props-0.0.17.tgz",
3939+ "integrity": "sha512-P3fMr35NzPRe0CBpf5AyxXneFcpk3CiSwnojCYICCtFRuekI55B/REmG42/7IuANp7aA34LYPanjtR3yc5Svqw==",
3940+ "dev": true
3941+ },
3942+ "path-parse": {
3943+ "version": "1.0.7",
3944+ "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
3945+ "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
3946+ "dev": true
3947+ },
3948+ "postcss": {
3949+ "version": "8.3.6",
3950+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.6.tgz",
3951+ "integrity": "sha512-wG1cc/JhRgdqB6WHEuyLTedf3KIRuD0hG6ldkFEZNCjRxiC+3i6kkWUUbiJQayP28iwG35cEmAbe98585BYV0A==",
3952+ "dev": true,
3953+ "requires": {
3954+ "colorette": "^1.2.2",
3955+ "nanoid": "^3.1.23",
3956+ "source-map-js": "^0.6.2"
3957+ }
3958+ },
3959+ "postcss-attribute-case-insensitive": {
3960+ "version": "4.0.2",
3961+ "resolved": "https://registry.npmjs.org/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-4.0.2.tgz",
3962+ "integrity": "sha512-clkFxk/9pcdb4Vkn0hAHq3YnxBQ2p0CGD1dy24jN+reBck+EWxMbxSUqN4Yj7t0w8csl87K6p0gxBe1utkJsYA==",
3963+ "dev": true,
3964+ "requires": {
3965+ "postcss": "^7.0.2",
3966+ "postcss-selector-parser": "^6.0.2"
3967+ },
3968+ "dependencies": {
3969+ "cssesc": {
3970+ "version": "3.0.0",
3971+ "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
3972+ "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
3973+ "dev": true
3974+ },
3975+ "postcss": {
3976+ "version": "7.0.36",
3977+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
3978+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
3979+ "dev": true,
3980+ "requires": {
3981+ "chalk": "^2.4.2",
3982+ "source-map": "^0.6.1",
3983+ "supports-color": "^6.1.0"
3984+ }
3985+ },
3986+ "postcss-selector-parser": {
3987+ "version": "6.0.4",
3988+ "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.4.tgz",
3989+ "integrity": "sha512-gjMeXBempyInaBqpp8gODmwZ52WaYsVOsfr4L4lDQ7n3ncD6mEyySiDtgzCT+NYC0mmeOLvtsF8iaEf0YT6dBw==",
3990+ "dev": true,
3991+ "requires": {
3992+ "cssesc": "^3.0.0",
3993+ "indexes-of": "^1.0.1",
3994+ "uniq": "^1.0.1",
3995+ "util-deprecate": "^1.0.2"
3996+ }
3997+ }
3998+ }
3999+ },
4000+ "postcss-color-functional-notation": {
4001+ "version": "2.0.1",
4002+ "resolved": "https://registry.npmjs.org/postcss-color-functional-notation/-/postcss-color-functional-notation-2.0.1.tgz",
4003+ "integrity": "sha512-ZBARCypjEDofW4P6IdPVTLhDNXPRn8T2s1zHbZidW6rPaaZvcnCS2soYFIQJrMZSxiePJ2XIYTlcb2ztr/eT2g==",
4004+ "dev": true,
4005+ "requires": {
4006+ "postcss": "^7.0.2",
4007+ "postcss-values-parser": "^2.0.0"
4008+ },
4009+ "dependencies": {
4010+ "postcss": {
4011+ "version": "7.0.36",
4012+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4013+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4014+ "dev": true,
4015+ "requires": {
4016+ "chalk": "^2.4.2",
4017+ "source-map": "^0.6.1",
4018+ "supports-color": "^6.1.0"
4019+ }
4020+ }
4021+ }
4022+ },
4023+ "postcss-color-gray": {
4024+ "version": "5.0.0",
4025+ "resolved": "https://registry.npmjs.org/postcss-color-gray/-/postcss-color-gray-5.0.0.tgz",
4026+ "integrity": "sha512-q6BuRnAGKM/ZRpfDascZlIZPjvwsRye7UDNalqVz3s7GDxMtqPY6+Q871liNxsonUw8oC61OG+PSaysYpl1bnw==",
4027+ "dev": true,
4028+ "requires": {
4029+ "@csstools/convert-colors": "^1.4.0",
4030+ "postcss": "^7.0.5",
4031+ "postcss-values-parser": "^2.0.0"
4032+ },
4033+ "dependencies": {
4034+ "postcss": {
4035+ "version": "7.0.36",
4036+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4037+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4038+ "dev": true,
4039+ "requires": {
4040+ "chalk": "^2.4.2",
4041+ "source-map": "^0.6.1",
4042+ "supports-color": "^6.1.0"
4043+ }
4044+ }
4045+ }
4046+ },
4047+ "postcss-color-hex-alpha": {
4048+ "version": "5.0.3",
4049+ "resolved": "https://registry.npmjs.org/postcss-color-hex-alpha/-/postcss-color-hex-alpha-5.0.3.tgz",
4050+ "integrity": "sha512-PF4GDel8q3kkreVXKLAGNpHKilXsZ6xuu+mOQMHWHLPNyjiUBOr75sp5ZKJfmv1MCus5/DWUGcK9hm6qHEnXYw==",
4051+ "dev": true,
4052+ "requires": {
4053+ "postcss": "^7.0.14",
4054+ "postcss-values-parser": "^2.0.1"
4055+ },
4056+ "dependencies": {
4057+ "postcss": {
4058+ "version": "7.0.36",
4059+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4060+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4061+ "dev": true,
4062+ "requires": {
4063+ "chalk": "^2.4.2",
4064+ "source-map": "^0.6.1",
4065+ "supports-color": "^6.1.0"
4066+ }
4067+ }
4068+ }
4069+ },
4070+ "postcss-color-mod-function": {
4071+ "version": "3.0.3",
4072+ "resolved": "https://registry.npmjs.org/postcss-color-mod-function/-/postcss-color-mod-function-3.0.3.tgz",
4073+ "integrity": "sha512-YP4VG+xufxaVtzV6ZmhEtc+/aTXH3d0JLpnYfxqTvwZPbJhWqp8bSY3nfNzNRFLgB4XSaBA82OE4VjOOKpCdVQ==",
4074+ "dev": true,
4075+ "requires": {
4076+ "@csstools/convert-colors": "^1.4.0",
4077+ "postcss": "^7.0.2",
4078+ "postcss-values-parser": "^2.0.0"
4079+ },
4080+ "dependencies": {
4081+ "postcss": {
4082+ "version": "7.0.36",
4083+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4084+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4085+ "dev": true,
4086+ "requires": {
4087+ "chalk": "^2.4.2",
4088+ "source-map": "^0.6.1",
4089+ "supports-color": "^6.1.0"
4090+ }
4091+ }
4092+ }
4093+ },
4094+ "postcss-color-rebeccapurple": {
4095+ "version": "4.0.1",
4096+ "resolved": "https://registry.npmjs.org/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-4.0.1.tgz",
4097+ "integrity": "sha512-aAe3OhkS6qJXBbqzvZth2Au4V3KieR5sRQ4ptb2b2O8wgvB3SJBsdG+jsn2BZbbwekDG8nTfcCNKcSfe/lEy8g==",
4098+ "dev": true,
4099+ "requires": {
4100+ "postcss": "^7.0.2",
4101+ "postcss-values-parser": "^2.0.0"
4102+ },
4103+ "dependencies": {
4104+ "postcss": {
4105+ "version": "7.0.36",
4106+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4107+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4108+ "dev": true,
4109+ "requires": {
4110+ "chalk": "^2.4.2",
4111+ "source-map": "^0.6.1",
4112+ "supports-color": "^6.1.0"
4113+ }
4114+ }
4115+ }
4116+ },
4117+ "postcss-custom-media": {
4118+ "version": "7.0.8",
4119+ "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-7.0.8.tgz",
4120+ "integrity": "sha512-c9s5iX0Ge15o00HKbuRuTqNndsJUbaXdiNsksnVH8H4gdc+zbLzr/UasOwNG6CTDpLFekVY4672eWdiiWu2GUg==",
4121+ "dev": true,
4122+ "requires": {
4123+ "postcss": "^7.0.14"
4124+ },
4125+ "dependencies": {
4126+ "postcss": {
4127+ "version": "7.0.36",
4128+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4129+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4130+ "dev": true,
4131+ "requires": {
4132+ "chalk": "^2.4.2",
4133+ "source-map": "^0.6.1",
4134+ "supports-color": "^6.1.0"
4135+ }
4136+ }
4137+ }
4138+ },
4139+ "postcss-custom-properties": {
4140+ "version": "8.0.11",
4141+ "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-8.0.11.tgz",
4142+ "integrity": "sha512-nm+o0eLdYqdnJ5abAJeXp4CEU1c1k+eB2yMCvhgzsds/e0umabFrN6HoTy/8Q4K5ilxERdl/JD1LO5ANoYBeMA==",
4143+ "dev": true,
4144+ "requires": {
4145+ "postcss": "^7.0.17",
4146+ "postcss-values-parser": "^2.0.1"
4147+ },
4148+ "dependencies": {
4149+ "postcss": {
4150+ "version": "7.0.36",
4151+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4152+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4153+ "dev": true,
4154+ "requires": {
4155+ "chalk": "^2.4.2",
4156+ "source-map": "^0.6.1",
4157+ "supports-color": "^6.1.0"
4158+ }
4159+ }
4160+ }
4161+ },
4162+ "postcss-custom-selectors": {
4163+ "version": "5.1.2",
4164+ "resolved": "https://registry.npmjs.org/postcss-custom-selectors/-/postcss-custom-selectors-5.1.2.tgz",
4165+ "integrity": "sha512-DSGDhqinCqXqlS4R7KGxL1OSycd1lydugJ1ky4iRXPHdBRiozyMHrdu0H3o7qNOCiZwySZTUI5MV0T8QhCLu+w==",
4166+ "dev": true,
4167+ "requires": {
4168+ "postcss": "^7.0.2",
4169+ "postcss-selector-parser": "^5.0.0-rc.3"
4170+ },
4171+ "dependencies": {
4172+ "postcss": {
4173+ "version": "7.0.36",
4174+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4175+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4176+ "dev": true,
4177+ "requires": {
4178+ "chalk": "^2.4.2",
4179+ "source-map": "^0.6.1",
4180+ "supports-color": "^6.1.0"
4181+ }
4182+ }
4183+ }
4184+ },
4185+ "postcss-dir-pseudo-class": {
4186+ "version": "5.0.0",
4187+ "resolved": "https://registry.npmjs.org/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-5.0.0.tgz",
4188+ "integrity": "sha512-3pm4oq8HYWMZePJY+5ANriPs3P07q+LW6FAdTlkFH2XqDdP4HeeJYMOzn0HYLhRSjBO3fhiqSwwU9xEULSrPgw==",
4189+ "dev": true,
4190+ "requires": {
4191+ "postcss": "^7.0.2",
4192+ "postcss-selector-parser": "^5.0.0-rc.3"
4193+ },
4194+ "dependencies": {
4195+ "postcss": {
4196+ "version": "7.0.36",
4197+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4198+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4199+ "dev": true,
4200+ "requires": {
4201+ "chalk": "^2.4.2",
4202+ "source-map": "^0.6.1",
4203+ "supports-color": "^6.1.0"
4204+ }
4205+ }
4206+ }
4207+ },
4208+ "postcss-double-position-gradients": {
4209+ "version": "1.0.0",
4210+ "resolved": "https://registry.npmjs.org/postcss-double-position-gradients/-/postcss-double-position-gradients-1.0.0.tgz",
4211+ "integrity": "sha512-G+nV8EnQq25fOI8CH/B6krEohGWnF5+3A6H/+JEpOncu5dCnkS1QQ6+ct3Jkaepw1NGVqqOZH6lqrm244mCftA==",
4212+ "dev": true,
4213+ "requires": {
4214+ "postcss": "^7.0.5",
4215+ "postcss-values-parser": "^2.0.0"
4216+ },
4217+ "dependencies": {
4218+ "postcss": {
4219+ "version": "7.0.36",
4220+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4221+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4222+ "dev": true,
4223+ "requires": {
4224+ "chalk": "^2.4.2",
4225+ "source-map": "^0.6.1",
4226+ "supports-color": "^6.1.0"
4227+ }
4228+ }
4229+ }
4230+ },
4231+ "postcss-easings": {
4232+ "version": "3.0.1",
4233+ "resolved": "https://registry.npmjs.org/postcss-easings/-/postcss-easings-3.0.1.tgz",
4234+ "integrity": "sha512-n3bG/X3iB0m8d845vhFg/62/ECeT8jY8gE8F2A41z8Mty41spYA4vzMLezha7icVjtGjqlxgO3QE+uOzpDqeww==",
4235+ "dev": true,
4236+ "requires": {
4237+ "postcss-value-parser": "^4.1.0"
4238+ }
4239+ },
4240+ "postcss-env-function": {
4241+ "version": "2.0.2",
4242+ "resolved": "https://registry.npmjs.org/postcss-env-function/-/postcss-env-function-2.0.2.tgz",
4243+ "integrity": "sha512-rwac4BuZlITeUbiBq60h/xbLzXY43qOsIErngWa4l7Mt+RaSkT7QBjXVGTcBHupykkblHMDrBFh30zchYPaOUw==",
4244+ "dev": true,
4245+ "requires": {
4246+ "postcss": "^7.0.2",
4247+ "postcss-values-parser": "^2.0.0"
4248+ },
4249+ "dependencies": {
4250+ "postcss": {
4251+ "version": "7.0.36",
4252+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4253+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4254+ "dev": true,
4255+ "requires": {
4256+ "chalk": "^2.4.2",
4257+ "source-map": "^0.6.1",
4258+ "supports-color": "^6.1.0"
4259+ }
4260+ }
4261+ }
4262+ },
4263+ "postcss-focus-visible": {
4264+ "version": "4.0.0",
4265+ "resolved": "https://registry.npmjs.org/postcss-focus-visible/-/postcss-focus-visible-4.0.0.tgz",
4266+ "integrity": "sha512-Z5CkWBw0+idJHSV6+Bgf2peDOFf/x4o+vX/pwcNYrWpXFrSfTkQ3JQ1ojrq9yS+upnAlNRHeg8uEwFTgorjI8g==",
4267+ "dev": true,
4268+ "requires": {
4269+ "postcss": "^7.0.2"
4270+ },
4271+ "dependencies": {
4272+ "postcss": {
4273+ "version": "7.0.36",
4274+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4275+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4276+ "dev": true,
4277+ "requires": {
4278+ "chalk": "^2.4.2",
4279+ "source-map": "^0.6.1",
4280+ "supports-color": "^6.1.0"
4281+ }
4282+ }
4283+ }
4284+ },
4285+ "postcss-focus-within": {
4286+ "version": "3.0.0",
4287+ "resolved": "https://registry.npmjs.org/postcss-focus-within/-/postcss-focus-within-3.0.0.tgz",
4288+ "integrity": "sha512-W0APui8jQeBKbCGZudW37EeMCjDeVxKgiYfIIEo8Bdh5SpB9sxds/Iq8SEuzS0Q4YFOlG7EPFulbbxujpkrV2w==",
4289+ "dev": true,
4290+ "requires": {
4291+ "postcss": "^7.0.2"
4292+ },
4293+ "dependencies": {
4294+ "postcss": {
4295+ "version": "7.0.36",
4296+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4297+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4298+ "dev": true,
4299+ "requires": {
4300+ "chalk": "^2.4.2",
4301+ "source-map": "^0.6.1",
4302+ "supports-color": "^6.1.0"
4303+ }
4304+ }
4305+ }
4306+ },
4307+ "postcss-font-variant": {
4308+ "version": "4.0.1",
4309+ "resolved": "https://registry.npmjs.org/postcss-font-variant/-/postcss-font-variant-4.0.1.tgz",
4310+ "integrity": "sha512-I3ADQSTNtLTTd8uxZhtSOrTCQ9G4qUVKPjHiDk0bV75QSxXjVWiJVJ2VLdspGUi9fbW9BcjKJoRvxAH1pckqmA==",
4311+ "dev": true,
4312+ "requires": {
4313+ "postcss": "^7.0.2"
4314+ },
4315+ "dependencies": {
4316+ "postcss": {
4317+ "version": "7.0.36",
4318+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4319+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4320+ "dev": true,
4321+ "requires": {
4322+ "chalk": "^2.4.2",
4323+ "source-map": "^0.6.1",
4324+ "supports-color": "^6.1.0"
4325+ }
4326+ }
4327+ }
4328+ },
4329+ "postcss-gap-properties": {
4330+ "version": "2.0.0",
4331+ "resolved": "https://registry.npmjs.org/postcss-gap-properties/-/postcss-gap-properties-2.0.0.tgz",
4332+ "integrity": "sha512-QZSqDaMgXCHuHTEzMsS2KfVDOq7ZFiknSpkrPJY6jmxbugUPTuSzs/vuE5I3zv0WAS+3vhrlqhijiprnuQfzmg==",
4333+ "dev": true,
4334+ "requires": {
4335+ "postcss": "^7.0.2"
4336+ },
4337+ "dependencies": {
4338+ "postcss": {
4339+ "version": "7.0.36",
4340+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4341+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4342+ "dev": true,
4343+ "requires": {
4344+ "chalk": "^2.4.2",
4345+ "source-map": "^0.6.1",
4346+ "supports-color": "^6.1.0"
4347+ }
4348+ }
4349+ }
4350+ },
4351+ "postcss-image-set-function": {
4352+ "version": "3.0.1",
4353+ "resolved": "https://registry.npmjs.org/postcss-image-set-function/-/postcss-image-set-function-3.0.1.tgz",
4354+ "integrity": "sha512-oPTcFFip5LZy8Y/whto91L9xdRHCWEMs3e1MdJxhgt4jy2WYXfhkng59fH5qLXSCPN8k4n94p1Czrfe5IOkKUw==",
4355+ "dev": true,
4356+ "requires": {
4357+ "postcss": "^7.0.2",
4358+ "postcss-values-parser": "^2.0.0"
4359+ },
4360+ "dependencies": {
4361+ "postcss": {
4362+ "version": "7.0.36",
4363+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4364+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4365+ "dev": true,
4366+ "requires": {
4367+ "chalk": "^2.4.2",
4368+ "source-map": "^0.6.1",
4369+ "supports-color": "^6.1.0"
4370+ }
4371+ }
4372+ }
4373+ },
4374+ "postcss-initial": {
4375+ "version": "3.0.2",
4376+ "resolved": "https://registry.npmjs.org/postcss-initial/-/postcss-initial-3.0.2.tgz",
4377+ "integrity": "sha512-ugA2wKonC0xeNHgirR4D3VWHs2JcU08WAi1KFLVcnb7IN89phID6Qtg2RIctWbnvp1TM2BOmDtX8GGLCKdR8YA==",
4378+ "dev": true,
4379+ "requires": {
4380+ "lodash.template": "^4.5.0",
4381+ "postcss": "^7.0.2"
4382+ },
4383+ "dependencies": {
4384+ "postcss": {
4385+ "version": "7.0.36",
4386+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4387+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4388+ "dev": true,
4389+ "requires": {
4390+ "chalk": "^2.4.2",
4391+ "source-map": "^0.6.1",
4392+ "supports-color": "^6.1.0"
4393+ }
4394+ }
4395+ }
4396+ },
4397+ "postcss-lab-function": {
4398+ "version": "2.0.1",
4399+ "resolved": "https://registry.npmjs.org/postcss-lab-function/-/postcss-lab-function-2.0.1.tgz",
4400+ "integrity": "sha512-whLy1IeZKY+3fYdqQFuDBf8Auw+qFuVnChWjmxm/UhHWqNHZx+B99EwxTvGYmUBqe3Fjxs4L1BoZTJmPu6usVg==",
4401+ "dev": true,
4402+ "requires": {
4403+ "@csstools/convert-colors": "^1.4.0",
4404+ "postcss": "^7.0.2",
4405+ "postcss-values-parser": "^2.0.0"
4406+ },
4407+ "dependencies": {
4408+ "postcss": {
4409+ "version": "7.0.36",
4410+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4411+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4412+ "dev": true,
4413+ "requires": {
4414+ "chalk": "^2.4.2",
4415+ "source-map": "^0.6.1",
4416+ "supports-color": "^6.1.0"
4417+ }
4418+ }
4419+ }
4420+ },
4421+ "postcss-logical": {
4422+ "version": "3.0.0",
4423+ "resolved": "https://registry.npmjs.org/postcss-logical/-/postcss-logical-3.0.0.tgz",
4424+ "integrity": "sha512-1SUKdJc2vuMOmeItqGuNaC+N8MzBWFWEkAnRnLpFYj1tGGa7NqyVBujfRtgNa2gXR+6RkGUiB2O5Vmh7E2RmiA==",
4425+ "dev": true,
4426+ "requires": {
4427+ "postcss": "^7.0.2"
4428+ },
4429+ "dependencies": {
4430+ "postcss": {
4431+ "version": "7.0.36",
4432+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4433+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4434+ "dev": true,
4435+ "requires": {
4436+ "chalk": "^2.4.2",
4437+ "source-map": "^0.6.1",
4438+ "supports-color": "^6.1.0"
4439+ }
4440+ }
4441+ }
4442+ },
4443+ "postcss-media-minmax": {
4444+ "version": "4.0.0",
4445+ "resolved": "https://registry.npmjs.org/postcss-media-minmax/-/postcss-media-minmax-4.0.0.tgz",
4446+ "integrity": "sha512-fo9moya6qyxsjbFAYl97qKO9gyre3qvbMnkOZeZwlsW6XYFsvs2DMGDlchVLfAd8LHPZDxivu/+qW2SMQeTHBw==",
4447+ "dev": true,
4448+ "requires": {
4449+ "postcss": "^7.0.2"
4450+ },
4451+ "dependencies": {
4452+ "postcss": {
4453+ "version": "7.0.36",
4454+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4455+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4456+ "dev": true,
4457+ "requires": {
4458+ "chalk": "^2.4.2",
4459+ "source-map": "^0.6.1",
4460+ "supports-color": "^6.1.0"
4461+ }
4462+ }
4463+ }
4464+ },
4465+ "postcss-nesting": {
4466+ "version": "7.0.1",
4467+ "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-7.0.1.tgz",
4468+ "integrity": "sha512-FrorPb0H3nuVq0Sff7W2rnc3SmIcruVC6YwpcS+k687VxyxO33iE1amna7wHuRVzM8vfiYofXSBHNAZ3QhLvYg==",
4469+ "dev": true,
4470+ "requires": {
4471+ "postcss": "^7.0.2"
4472+ },
4473+ "dependencies": {
4474+ "postcss": {
4475+ "version": "7.0.36",
4476+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4477+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4478+ "dev": true,
4479+ "requires": {
4480+ "chalk": "^2.4.2",
4481+ "source-map": "^0.6.1",
4482+ "supports-color": "^6.1.0"
4483+ }
4484+ }
4485+ }
4486+ },
4487+ "postcss-overflow-shorthand": {
4488+ "version": "2.0.0",
4489+ "resolved": "https://registry.npmjs.org/postcss-overflow-shorthand/-/postcss-overflow-shorthand-2.0.0.tgz",
4490+ "integrity": "sha512-aK0fHc9CBNx8jbzMYhshZcEv8LtYnBIRYQD5i7w/K/wS9c2+0NSR6B3OVMu5y0hBHYLcMGjfU+dmWYNKH0I85g==",
4491+ "dev": true,
4492+ "requires": {
4493+ "postcss": "^7.0.2"
4494+ },
4495+ "dependencies": {
4496+ "postcss": {
4497+ "version": "7.0.36",
4498+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4499+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4500+ "dev": true,
4501+ "requires": {
4502+ "chalk": "^2.4.2",
4503+ "source-map": "^0.6.1",
4504+ "supports-color": "^6.1.0"
4505+ }
4506+ }
4507+ }
4508+ },
4509+ "postcss-page-break": {
4510+ "version": "2.0.0",
4511+ "resolved": "https://registry.npmjs.org/postcss-page-break/-/postcss-page-break-2.0.0.tgz",
4512+ "integrity": "sha512-tkpTSrLpfLfD9HvgOlJuigLuk39wVTbbd8RKcy8/ugV2bNBUW3xU+AIqyxhDrQr1VUj1RmyJrBn1YWrqUm9zAQ==",
4513+ "dev": true,
4514+ "requires": {
4515+ "postcss": "^7.0.2"
4516+ },
4517+ "dependencies": {
4518+ "postcss": {
4519+ "version": "7.0.36",
4520+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4521+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4522+ "dev": true,
4523+ "requires": {
4524+ "chalk": "^2.4.2",
4525+ "source-map": "^0.6.1",
4526+ "supports-color": "^6.1.0"
4527+ }
4528+ }
4529+ }
4530+ },
4531+ "postcss-place": {
4532+ "version": "4.0.1",
4533+ "resolved": "https://registry.npmjs.org/postcss-place/-/postcss-place-4.0.1.tgz",
4534+ "integrity": "sha512-Zb6byCSLkgRKLODj/5mQugyuj9bvAAw9LqJJjgwz5cYryGeXfFZfSXoP1UfveccFmeq0b/2xxwcTEVScnqGxBg==",
4535+ "dev": true,
4536+ "requires": {
4537+ "postcss": "^7.0.2",
4538+ "postcss-values-parser": "^2.0.0"
4539+ },
4540+ "dependencies": {
4541+ "postcss": {
4542+ "version": "7.0.36",
4543+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4544+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4545+ "dev": true,
4546+ "requires": {
4547+ "chalk": "^2.4.2",
4548+ "source-map": "^0.6.1",
4549+ "supports-color": "^6.1.0"
4550+ }
4551+ }
4552+ }
4553+ },
4554+ "postcss-preset-env": {
4555+ "version": "6.7.0",
4556+ "resolved": "https://registry.npmjs.org/postcss-preset-env/-/postcss-preset-env-6.7.0.tgz",
4557+ "integrity": "sha512-eU4/K5xzSFwUFJ8hTdTQzo2RBLbDVt83QZrAvI07TULOkmyQlnYlpwep+2yIK+K+0KlZO4BvFcleOCCcUtwchg==",
4558+ "dev": true,
4559+ "requires": {
4560+ "autoprefixer": "^9.6.1",
4561+ "browserslist": "^4.6.4",
4562+ "caniuse-lite": "^1.0.30000981",
4563+ "css-blank-pseudo": "^0.1.4",
4564+ "css-has-pseudo": "^0.10.0",
4565+ "css-prefers-color-scheme": "^3.1.1",
4566+ "cssdb": "^4.4.0",
4567+ "postcss": "^7.0.17",
4568+ "postcss-attribute-case-insensitive": "^4.0.1",
4569+ "postcss-color-functional-notation": "^2.0.1",
4570+ "postcss-color-gray": "^5.0.0",
4571+ "postcss-color-hex-alpha": "^5.0.3",
4572+ "postcss-color-mod-function": "^3.0.3",
4573+ "postcss-color-rebeccapurple": "^4.0.1",
4574+ "postcss-custom-media": "^7.0.8",
4575+ "postcss-custom-properties": "^8.0.11",
4576+ "postcss-custom-selectors": "^5.1.2",
4577+ "postcss-dir-pseudo-class": "^5.0.0",
4578+ "postcss-double-position-gradients": "^1.0.0",
4579+ "postcss-env-function": "^2.0.2",
4580+ "postcss-focus-visible": "^4.0.0",
4581+ "postcss-focus-within": "^3.0.0",
4582+ "postcss-font-variant": "^4.0.0",
4583+ "postcss-gap-properties": "^2.0.0",
4584+ "postcss-image-set-function": "^3.0.1",
4585+ "postcss-initial": "^3.0.0",
4586+ "postcss-lab-function": "^2.0.1",
4587+ "postcss-logical": "^3.0.0",
4588+ "postcss-media-minmax": "^4.0.0",
4589+ "postcss-nesting": "^7.0.0",
4590+ "postcss-overflow-shorthand": "^2.0.0",
4591+ "postcss-page-break": "^2.0.0",
4592+ "postcss-place": "^4.0.1",
4593+ "postcss-pseudo-class-any-link": "^6.0.0",
4594+ "postcss-replace-overflow-wrap": "^3.0.0",
4595+ "postcss-selector-matches": "^4.0.0",
4596+ "postcss-selector-not": "^4.0.0"
4597+ },
4598+ "dependencies": {
4599+ "postcss": {
4600+ "version": "7.0.36",
4601+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4602+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4603+ "dev": true,
4604+ "requires": {
4605+ "chalk": "^2.4.2",
4606+ "source-map": "^0.6.1",
4607+ "supports-color": "^6.1.0"
4608+ }
4609+ }
4610+ }
4611+ },
4612+ "postcss-pseudo-class-any-link": {
4613+ "version": "6.0.0",
4614+ "resolved": "https://registry.npmjs.org/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-6.0.0.tgz",
4615+ "integrity": "sha512-lgXW9sYJdLqtmw23otOzrtbDXofUdfYzNm4PIpNE322/swES3VU9XlXHeJS46zT2onFO7V1QFdD4Q9LiZj8mew==",
4616+ "dev": true,
4617+ "requires": {
4618+ "postcss": "^7.0.2",
4619+ "postcss-selector-parser": "^5.0.0-rc.3"
4620+ },
4621+ "dependencies": {
4622+ "postcss": {
4623+ "version": "7.0.36",
4624+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4625+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4626+ "dev": true,
4627+ "requires": {
4628+ "chalk": "^2.4.2",
4629+ "source-map": "^0.6.1",
4630+ "supports-color": "^6.1.0"
4631+ }
4632+ }
4633+ }
4634+ },
4635+ "postcss-replace-overflow-wrap": {
4636+ "version": "3.0.0",
4637+ "resolved": "https://registry.npmjs.org/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-3.0.0.tgz",
4638+ "integrity": "sha512-2T5hcEHArDT6X9+9dVSPQdo7QHzG4XKclFT8rU5TzJPDN7RIRTbO9c4drUISOVemLj03aezStHCR2AIcr8XLpw==",
4639+ "dev": true,
4640+ "requires": {
4641+ "postcss": "^7.0.2"
4642+ },
4643+ "dependencies": {
4644+ "postcss": {
4645+ "version": "7.0.36",
4646+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4647+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4648+ "dev": true,
4649+ "requires": {
4650+ "chalk": "^2.4.2",
4651+ "source-map": "^0.6.1",
4652+ "supports-color": "^6.1.0"
4653+ }
4654+ }
4655+ }
4656+ },
4657+ "postcss-selector-matches": {
4658+ "version": "4.0.0",
4659+ "resolved": "https://registry.npmjs.org/postcss-selector-matches/-/postcss-selector-matches-4.0.0.tgz",
4660+ "integrity": "sha512-LgsHwQR/EsRYSqlwdGzeaPKVT0Ml7LAT6E75T8W8xLJY62CE4S/l03BWIt3jT8Taq22kXP08s2SfTSzaraoPww==",
4661+ "dev": true,
4662+ "requires": {
4663+ "balanced-match": "^1.0.0",
4664+ "postcss": "^7.0.2"
4665+ },
4666+ "dependencies": {
4667+ "postcss": {
4668+ "version": "7.0.36",
4669+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4670+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4671+ "dev": true,
4672+ "requires": {
4673+ "chalk": "^2.4.2",
4674+ "source-map": "^0.6.1",
4675+ "supports-color": "^6.1.0"
4676+ }
4677+ }
4678+ }
4679+ },
4680+ "postcss-selector-not": {
4681+ "version": "4.0.1",
4682+ "resolved": "https://registry.npmjs.org/postcss-selector-not/-/postcss-selector-not-4.0.1.tgz",
4683+ "integrity": "sha512-YolvBgInEK5/79C+bdFMyzqTg6pkYqDbzZIST/PDMqa/o3qtXenD05apBG2jLgT0/BQ77d4U2UK12jWpilqMAQ==",
4684+ "dev": true,
4685+ "requires": {
4686+ "balanced-match": "^1.0.0",
4687+ "postcss": "^7.0.2"
4688+ },
4689+ "dependencies": {
4690+ "postcss": {
4691+ "version": "7.0.36",
4692+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
4693+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
4694+ "dev": true,
4695+ "requires": {
4696+ "chalk": "^2.4.2",
4697+ "source-map": "^0.6.1",
4698+ "supports-color": "^6.1.0"
4699+ }
4700+ }
4701+ }
4702+ },
4703+ "postcss-selector-parser": {
4704+ "version": "5.0.0",
4705+ "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz",
4706+ "integrity": "sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==",
4707+ "dev": true,
4708+ "requires": {
4709+ "cssesc": "^2.0.0",
4710+ "indexes-of": "^1.0.1",
4711+ "uniq": "^1.0.1"
4712+ }
4713+ },
4714+ "postcss-value-parser": {
4715+ "version": "4.1.0",
4716+ "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz",
4717+ "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==",
4718+ "dev": true
4719+ },
4720+ "postcss-values-parser": {
4721+ "version": "2.0.1",
4722+ "resolved": "https://registry.npmjs.org/postcss-values-parser/-/postcss-values-parser-2.0.1.tgz",
4723+ "integrity": "sha512-2tLuBsA6P4rYTNKCXYG/71C7j1pU6pK503suYOmn4xYrQIzW+opD+7FAFNuGSdZC/3Qfy334QbeMu7MEb8gOxg==",
4724+ "dev": true,
4725+ "requires": {
4726+ "flatten": "^1.0.2",
4727+ "indexes-of": "^1.0.1",
4728+ "uniq": "^1.0.1"
4729+ }
4730+ },
4731+ "resolve": {
4732+ "version": "1.19.0",
4733+ "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.19.0.tgz",
4734+ "integrity": "sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==",
4735+ "dev": true,
4736+ "requires": {
4737+ "is-core-module": "^2.1.0",
4738+ "path-parse": "^1.0.6"
4739+ }
4740+ },
4741+ "rollup": {
4742+ "version": "2.38.4",
4743+ "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.38.4.tgz",
4744+ "integrity": "sha512-B0LcJhjiwKkTl79aGVF/u5KdzsH8IylVfV56Ut6c9ouWLJcUK17T83aZBetNYSnZtXf2OHD4+2PbmRW+Fp5ulg==",
4745+ "dev": true,
4746+ "requires": {
4747+ "fsevents": "~2.3.1"
4748+ },
4749+ "dependencies": {
4750+ "fsevents": {
4751+ "version": "2.3.1",
4752+ "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.1.tgz",
4753+ "integrity": "sha512-YR47Eg4hChJGAB1O3yEAOkGO+rlzutoICGqGo9EZ4lKWokzZRSyIW1QmTzqjtw8MJdj9srP869CuWw/hyzSiBw==",
4754+ "dev": true,
4755+ "optional": true
4756+ }
4757+ }
4758+ },
4759+ "source-map": {
4760+ "version": "0.6.1",
4761+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
4762+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
4763+ "dev": true
4764+ },
4765+ "source-map-js": {
4766+ "version": "0.6.2",
4767+ "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-0.6.2.tgz",
4768+ "integrity": "sha512-/3GptzWzu0+0MBQFrDKzw/DvvMTUORvgY6k6jd/VS6iCR4RDTKWH6v6WPwQoUO8667uQEf9Oe38DxAYWY5F/Ug==",
4769+ "dev": true
4770+ },
4771+ "supports-color": {
4772+ "version": "6.1.0",
4773+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
4774+ "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
4775+ "dev": true,
4776+ "requires": {
4777+ "has-flag": "^3.0.0"
4778+ }
4779+ },
4780+ "uniq": {
4781+ "version": "1.0.1",
4782+ "resolved": "https://registry.npmjs.org/uniq/-/uniq-1.0.1.tgz",
4783+ "integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=",
4784+ "dev": true
4785+ },
4786+ "util-deprecate": {
4787+ "version": "1.0.2",
4788+ "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
4789+ "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
4790+ "dev": true
4791+ },
4792+ "vite": {
4793+ "version": "2.0.0-beta.62",
4794+ "resolved": "https://registry.npmjs.org/vite/-/vite-2.0.0-beta.62.tgz",
4795+ "integrity": "sha512-75RF5H/8Ta2UvTSjiK5EslyTkUTgRMgkeVRDHqlfDNAJUI8+gvXzhEdTpq2bsASjvnlSytBk+odtCxikEoibbg==",
4796+ "dev": true,
4797+ "requires": {
4798+ "esbuild": "^0.8.34",
4799+ "fsevents": "~2.1.2",
4800+ "postcss": "^8.2.1",
4801+ "resolve": "^1.19.0",
4802+ "rollup": "^2.35.1"
4803+ }
4804+ }
4805+ }
4806+ }
4807 diff --git a/docsite/package.json b/docsite/package.json
4808new file mode 100644
4809index 0000000..81e6548
4810--- /dev/null
4811+++ b/docsite/package.json
4812 @@ -0,0 +1,35 @@
4813+ {
4814+ "name": "open-props",
4815+ "author": "Adam Argyle",
4816+ "license": "ISC",
4817+ "version": "0.0.17",
4818+ "repository": {
4819+ "type": "git",
4820+ "url": "https://github.com/argyleink/open-props"
4821+ },
4822+ "keywords": [
4823+ "css",
4824+ "utilities",
4825+ "variables",
4826+ "custom properties",
4827+ "gradients"
4828+ ],
4829+ "main": "props.min.css",
4830+ "style": "props.min.css",
4831+ "browserslist": [
4832+ "defaults"
4833+ ],
4834+ "scripts": {
4835+ "start": "vite",
4836+ "dev": "vite",
4837+ "build": "vite build",
4838+ "serve": "vite preview"
4839+ },
4840+ "devDependencies": {
4841+ "open-color": "^1.9.1",
4842+ "open-props": "^0.0.17",
4843+ "postcss-easings": "3.x",
4844+ "postcss-preset-env": "6.7.x",
4845+ "vite": "2.x || >2.0.0-alpha"
4846+ }
4847+ }
4848 diff --git a/docsite/postcss.config.js b/docsite/postcss.config.js
4849new file mode 100644
4850index 0000000..f2a7667
4851--- /dev/null
4852+++ b/docsite/postcss.config.js
4853 @@ -0,0 +1,29 @@
4854+ const postcssPresetEnv = require('postcss-preset-env')
4855+ const postcssEasings = require('postcss-easings')
4856+
4857+ const lib = process.env.npm_lifecycle_event
4858+
4859+ const inlineMediaQueries = lib === 'lib:media' || lib === 'lib:supports'
4860+ // todo: inline MQs for 'lib:all' when it's supported better
4861+
4862+ module.exports = {
4863+ plugins: [
4864+ postcssEasings(),
4865+ postcssPresetEnv({
4866+ stage: 0,
4867+ autoprefixer: false,
4868+ features: {
4869+ 'logical-properties-and-values': false,
4870+ 'prefers-color-scheme-query': false,
4871+ 'gap-properties': false,
4872+ 'custom-properties': false,
4873+ 'place-properties': false,
4874+ 'not-pseudo-class': false,
4875+ 'focus-visible-pseudo-class': false,
4876+ 'focus-within-pseudo-class': false,
4877+ 'color-functional-notation': false,
4878+ 'custom-media-queries': {preserve:inlineMediaQueries}
4879+ }
4880+ }),
4881+ ]
4882+ }
4883 diff --git a/postcss.config.js b/postcss.config.js
4884deleted file mode 100644
4885index affce7f..0000000
4886--- a/postcss.config.js
4887+++ /dev/null
4888 @@ -1,35 +0,0 @@
4889- const postcssPresetEnv = require('postcss-preset-env')
4890- const postcssEasings = require('postcss-easings')
4891- const postcssImport = require('postcss-import')
4892- const cssnano = require('cssnano')
4893-
4894- const lib = process.env.npm_lifecycle_event
4895-
4896- const inlineMediaQueries = lib === 'lib:media' || lib === 'lib:supports'
4897- // todo: inline MQs for 'lib:all' when it's supported better
4898-
4899- module.exports = {
4900- plugins: [
4901- postcssEasings(),
4902- postcssImport(),
4903- postcssPresetEnv({
4904- stage: 0,
4905- autoprefixer: false,
4906- features: {
4907- 'logical-properties-and-values': false,
4908- 'prefers-color-scheme-query': false,
4909- 'gap-properties': false,
4910- 'custom-properties': false,
4911- 'place-properties': false,
4912- 'not-pseudo-class': false,
4913- 'focus-visible-pseudo-class': false,
4914- 'focus-within-pseudo-class': false,
4915- 'color-functional-notation': false,
4916- 'custom-media-queries': {preserve:inlineMediaQueries}
4917- }
4918- }),
4919- cssnano({
4920- preset: 'default'
4921- }),
4922- ]
4923- }
4924 diff --git a/util/props.colors.src.js b/util/props.colors.src.js
4925deleted file mode 100644
4926index c00ff36..0000000
4927--- a/util/props.colors.src.js
4928+++ /dev/null
4929 @@ -1,23 +0,0 @@
4930- import openColor from 'https://cdn.skypack.dev/open-color/open-color.js'
4931-
4932- const colors = Object
4933- .entries(openColor.theme.colors)
4934- .filter(group => typeof group[1] === 'object')
4935-
4936- const customizeIncrements = num =>
4937- num === '50'
4938- ? num.replaceAll('50', '0')
4939- : num.replaceAll('0', '')
4940-
4941- const vars = colors.reduce((root, [color, shades]) => {
4942- let base = `--${color}-`
4943-
4944- Object.entries(shades).forEach(([num, hex]) =>
4945- root += `
4946- ${base}${customizeIncrements(num)}: ${hex};`
4947- )
4948-
4949- return root
4950- }, ``)
4951-
4952- console.log(vars)
4953\ No newline at end of file
4954 diff --git a/util/props.gradients.src.js b/util/props.gradients.src.js
4955deleted file mode 100644
4956index 4d28445..0000000
4957--- a/util/props.gradients.src.js
4958+++ /dev/null
4959 @@ -1,238 +0,0 @@
4960- // const conicgradients = [
4961- // {
4962- // gradient: `conic-gradient(
4963- // from 90deg at bottom right,
4964- // cyan,
4965- // rebeccapurple
4966- // )`,
4967- // },
4968- // {
4969- // gradient: `conic-gradient(
4970- // from .5turn at bottom center,
4971- // lightblue,
4972- // white
4973- // )`,
4974- // },
4975- // {
4976- // gradient: `conic-gradient(
4977- // from 90deg at 40% -25%,
4978- // #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585,
4979- // #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700
4980- // )`,
4981- // },
4982- // {
4983- // gradient: `conic-gradient(
4984- // at bottom left,
4985- // deeppink,
4986- // cyan
4987- // )`,
4988- // },
4989- // {
4990- // gradient: `conic-gradient(
4991- // from 90deg at 25% -10%,
4992- // #ff4500, #d3f340, #7bee85, #afeeee, #7bee85
4993- // )`,
4994- // },
4995- // {
4996- // gradient: `conic-gradient(
4997- // from -90deg at top left,
4998- // black,
4999- // white
5000- // )`,
5001- // },
5002- // {
5003- // gradient: `conic-gradient(
5004- // at top right,
5005- // lime,
5006- // cyan
5007- // )`,
5008- // },
5009- // {
5010- // gradient: `conic-gradient(
5011- // from -.5turn at bottom right,
5012- // deeppink,
5013- // cyan,
5014- // rebeccapurple
5015- // )`,
5016- // },
5017- // {
5018- // gradient: `conic-gradient(
5019- // at top right,
5020- // slategray,
5021- // white
5022- // )`,
5023- // },
5024- // {
5025- // gradient: `conic-gradient(
5026- // from .5turn at 50% 110%,
5027- // white,
5028- // orange
5029- // )`,
5030- // },
5031- // {
5032- // gradient: `conic-gradient(
5033- // from .5turn at center left,
5034- // lime,
5035- // cyan
5036- // )`,
5037- // },
5038- // {
5039- // gradient: `conic-gradient(
5040- // from -90deg at 50% -25%,
5041- // blue,
5042- // blueviolet
5043- // )`,
5044- // },
5045- // {
5046- // gradient: `conic-gradient(
5047- // from .5turn at top right,
5048- // darkseagreen,
5049- // darkslategray
5050- // )`,
5051- // },
5052- // {
5053- // gradient: `conic-gradient(
5054- // from 90deg at 50% 0%,
5055- // #111, 50%, #222, #111
5056- // )`,
5057- // },
5058- // {
5059- // gradient: `conic-gradient(
5060- // at top right,
5061- // lightcyan,
5062- // lightblue
5063- // )`,
5064- // },
5065- // {
5066- // gradient: `conic-gradient(
5067- // from -135deg at -10% center,
5068- // #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4
5069- // )`,
5070- // },
5071- // {
5072- // gradient: `conic-gradient(
5073- // from -90deg at 50% 105%,
5074- // white,
5075- // orchid
5076- // )`,
5077- // },
5078- // {
5079- // gradient: `conic-gradient(
5080- // from -90deg at 25% 115%,
5081- // #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff,
5082- // #0000ff, #0000ff, #0000ff, #0000ff
5083- // )`,
5084- // },
5085- // {
5086- // gradient: `conic-gradient(
5087- // from -90deg at bottom center,
5088- // papayawhip,
5089- // peachpuff
5090- // )`,
5091- // },
5092- // {
5093- // gradient: `conic-gradient(
5094- // from -270deg at 50% -5%,
5095- // yellow,
5096- // yellowgreen
5097- // )`,
5098- // },
5099- // {
5100- // gradient: `conic-gradient(
5101- // from -90deg at 75% -25%,
5102- // sienna,
5103- // purple
5104- // )`,
5105- // },
5106- // {
5107- // gradient: `conic-gradient(
5108- // from 90deg at 50% 125%,
5109- // #20b2aa, #135da5, #0d0895, #4b0082,
5110- // #4b0082, #0d0895, #135da5, #20b2aa
5111- // )`,
5112- // },
5113- // {
5114- // gradient: `conic-gradient(
5115- // from -270deg at 110% 50%,
5116- // cadetblue,
5117- // darkgreen
5118- // )`,
5119- // },
5120- // {
5121- // gradient: `conic-gradient(
5122- // from -270deg at 75% 110%,
5123- // fuchsia,
5124- // floralwhite
5125- // )`,
5126- // },
5127- // {
5128- // gradient: `conic-gradient(
5129- // from -270deg at 75% 110%,
5130- // midnightblue,
5131- // lawngreen
5132- // )`,
5133- // },
5134- // {
5135- // gradient: `conic-gradient(
5136- // from .5turn at bottom left,
5137- // deeppink,
5138- // rebeccapurple
5139- // )`,
5140- // },
5141- // {
5142- // gradient: `conic-gradient(
5143- // from 90deg at 50% 125%,
5144- // #1f005c, #003298, #005ac6, #007fdc, #00a2d3, #00c4ae,
5145- // #00e474, #00ff00, #1f005c, #003298, #005ac6, #007fdc,
5146- // #00a2d3, #00c4ae, #00e474, #00ff00
5147- // )`,
5148- // },
5149- // {
5150- // gradient: `conic-gradient(
5151- // at 0% 0%,
5152- // snow,
5153- // white
5154- // )`,
5155- // },
5156- // {
5157- // gradient: `conic-gradient(
5158- // from .5turn at 0% 0%,
5159- // #00c476,
5160- // 10%,
5161- // #82b0ff,
5162- // 90%,
5163- // #00c476
5164- // )`,
5165- // },
5166- // {
5167- // gradient: `conic-gradient(
5168- // at 125% 50%,
5169- // #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7
5170- // )`,
5171- // },
5172- // ]
5173-
5174- const linearURL = 'https://raw.githubusercontent.com/ghosh/uiGradients/master/gradients.json'
5175- const uigradients = await(await fetch(linearURL)).json()
5176-
5177- const linear = uigradients
5178- .slice(0, 30)
5179- .reduce((root, {colors}, i) =>
5180- root += `
5181- --gradient-${i+1}: linear-gradient(${colors.join(',')});`
5182- , ``)
5183-
5184- // const conic = conicgradients
5185- // // .slice(0, 25)
5186- // .reduce((root, {gradient}, i) =>
5187- // root += `
5188- // --conic-gradient-${i+1}: ${gradient
5189- // .replace(/\s+/g, ' ')
5190- // .trim()
5191- // .replace(' from', 'from')
5192- // .replace(' )', ')')
5193- // };`
5194- // , ``)
5195-
5196- console.log(linear)
5197- // console.log(conic)
5198\ No newline at end of file