diff --git a/.gitignore b/.gitignore
index 18566ec..8344fba 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
node_modules/
-.vscode
\ No newline at end of file
+.vscode
+test.html
\ No newline at end of file
diff --git a/dist/grayscale.css b/dist/grayscale.css
deleted file mode 100644
index 22844b8..0000000
--- a/dist/grayscale.css
+++ /dev/null
@@ -1,248 +0,0 @@
-/* Grayscale CSS v:0.8.5 | MIT LICENSE | https://github.com/n2geoff/grayscale */
-:root {
- --Hsl: 207;
- --hSl: 50%;
- --hsL: 50%;
- --theme: hsl(var(--Hsl), var(--hSl), var(--hsL));
- --font: Arial, Helvetica, san-serif;
- --line: 1.5;
- --weight: 400;
- --size: 20px;
- --radius: 0rem;
- --space: 1rem;
-}
-
-[data-theme="light"],:root:not([data-theme="dark"]) {
- --light: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) + 35%));
- --dark: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) - 35%));
- --gray: hsl(var(--Hsl), 25%, 75%);
- --hint: hsl(var(--Hsl), 35%, 70%);
- --bg: hsl(var(--Hsl), 0%, 95%);
- --fg: hsl(var(--Hsl), 0%, 5%);
-}
-
-[data-theme="dark"] {
- --light: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) - 35%));
- --dark: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) + 35%));
- --gray: hsl(var(--Hsl), 25%, 25%);
- --hint: hsl(var(--Hsl), 35%, 30%);
- --bg: hsl(var(--Hsl), 50%, 5%);
- --fg: hsl(var(--Hsl), 20%, 90%);
-}
-
-*,*:before,*:after {
- box-sizing: border-box;
-}
-
-html,body {
- background: var(--bg);
- color: var(--fg);
- margin: 0;
- padding: 0;
- font-family: var(--font);
- font-size: var(--size);
- letter-spacing: 0.0625em;
- font-weight: var(--weight);
- line-height: var(--line);
- box-sizing: border-box;
- padding: 0;
-}
-
-::placeholder,small {
- color: var(--hint);
-}
-
-:disabled::placeholder,small {
- color: hsl(0, 0%, 50%);
-}
-
-img,embed,iframe,object,audio,video {
- height: auto;
- max-width: 100%;
- border: none;
-}
-
-main {
- margin: 0 auto;
- padding: var(--space);
- height: 100vh;
- max-width: 1140px;
-}
-
-ul,ol,li {
- margin: 0 calc(var(--space) *.72);
- padding: 0
-}
-
-table {
- background-color: var(--bg);
- border-collapse: collapse;
- border-spacing: 0;
- width: 100%;
-}
-
-thead {
- background: var(--theme);
-}
-
-th {
- text-align: left;
- color: var(--dark);
-}
-
-th,td {
- padding: calc(var(--space) / 2);
- border-bottom: 1px solid var(--theme);
-}
-
-a {
- color: var(--theme);
-}
-
-a:hover {
- color: var(--fg);
-}
-
-blockquote {
- margin: var(--space) 0;
- border-left: calc(var(--space) / 2) solid var(--hint);
- color: var(--hint);
- background: var(--dark);
- padding: var(--space);
-}
-
-code, kbd {
- color: var(--light) !important;
- background: var(--dark) !important;
- margin: 0 calc(var(--space) / 4);
- padding: 0 calc(var(--space) / 4);
-}
-
-pre>code {
- color: var(--light);
- background: var(--dark);
- display: inline-block;
- padding: var(--space);
- width: 100%;
-}
-
-hr {
- color: var(--theme);
- border: 1px solid;
-}
-
-h1,h2,h3,h4,h5,h6 {
- margin: var(--space) 0;
- text-transform: capitalize;
-}
-
-h1 {
- font-size: calc(var(--size) * 2);
- color: var(--dark);
-}
-
-h2 {
- color: var(--theme);
-}
-
-h3 {
- border-bottom: 1px solid var(--theme);
-}
-
-section {
- margin-bottom: var(--space);
-}
-
-article {
- padding: var(--space);
- background-color: var(--light);
-}
-
-label {
- font-size: var(--size);
- font-weight: 600;
- text-transform: capitalize;
- color: var(--fg);
- margin: 0 calc(var(--size) / 2);
-}
-
-input {
- display: block;
- outline: none;
- box-sizing: border-box;
- font-size: var(--size);
- background-color: var(--bg);
- color: var(--fg);
- width: 100%;
- height: calc(var(--size) * 3);
- border: 1px solid var(--theme);
- border-radius: var(--radius);
- padding: clamp(.5rem, var(--space), 2rem);
- margin-bottom: var(--space);
- margin-right: var(--space);
-}
-
-input:disabled {
- background: var(--gray);
- color: var(--bg);
- cursor: not-allowed;
-}
-
-select:focus,textarea:focus,input:focus {
- border: 2px solid var(--theme);
-}
-
-input[type="checkbox"],input[type="radio"] {
- display: inline-block;
- padding: 0;
- margin: 0;
- width: calc(var(--size) * .8);
- height: calc(var(--size) * .8);
-}
-
-button,input[type="submit"],input[type="reset"],select,textarea {
- display: inline-block;
- outline: none;
- font-family: var(--font);
- font-size: var(--size);
- height: calc(var(--size) * 3);
- width: 100%;
- border: 1px solid var(--theme);
- color: var(--theme);
- background-color: var(--bg);
- border-radius: var(--radius);
- padding: 0 var(--space);
- margin-bottom: var(--space);
- cursor: pointer;
-}
-
-input[type="submit"],input[type="reset"] {
- background-color: var(--theme);
- color: var(--bg);
-}
-
-select {
- background: var(--bg) no-repeat 100%;
- color: var(--fg);
- padding: 0 clamp(.5rem, var(--space), 2rem);
- appearance: none;
- background-size: 1ex;
- background-origin: content-box;
- background-image: url("data:image/svg+xml;utf8,");
-}
-
-textarea {
- overflow: auto;
- resize: vertical;
- border: 1px solid var(--theme);
- height: calc(var(--line) * 6rem);
- padding: clamp(.5rem, var(--space), 2rem);
- cursor: text;
- color: var(--fg);
-}
-
-.grid {
- display: grid;
- gap: var(--space);
- grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
-}
\ No newline at end of file
diff --git a/dist/grayscale.map b/dist/grayscale.map
new file mode 100644
index 0000000..14ed543
--- /dev/null
+++ b/dist/grayscale.map
@@ -0,0 +1 @@
+{"version":3,"sources":["src/grayscale.css"],"names":[],"mappings":";AACA,K,CACI,S,CACA,S,CACA,S,CACA,+C,CACA,qB,CACA,kC,CACA,U,CACA,Y,CACA,W,CACA,a,CACA,Y,CAGJ,UAAU,kB,CAAmB,kB,CACzB,6F,CACA,4F,CACA,gC,CACA,gC,CACA,6B,CACA,4B,CAGJ,iB,CACI,6F,CACA,4F,CACA,gC,CACA,gC,CACA,6B,CACA,8B,CAGJ,C,CAAW,M,CAAT,O,CAIG,I,CAAL,I,CAHI,qB,CAGC,I,CAAL,I,CACI,oB,CACA,e,CACA,Q,CAEA,uB,CACA,qB,CACA,sB,CACA,yB,CACA,uB,CAEA,S,CAGJ,a,CAAc,K,CACV,iB,CAGJ,sB,CAAuB,K,CACnB,U,CAGoB,K,CAApB,K,CAAM,M,CAAV,G,CAAiB,M,CAAa,K,CAC1B,W,CACA,c,CACA,Q,CAGJ,I,CACI,a,CACA,oB,CACA,Y,CACA,gB,CAGE,E,CAAH,E,CAAH,E,CACI,+B,CACA,S,CAGJ,K,CACI,oB,CACA,wB,CACA,gB,CACA,U,CAGJ,K,CACI,uB,CAGJ,E,CACI,e,CACA,iB,CAGD,E,CALH,E,CAMI,4B,CACA,oC,CAGJ,qB,CACI,sB,CAGJ,c,CACI,wB,CAGJ,C,CACI,mB,CAGJ,O,CAmEA,K,CARA,K,CA1DI,e,CAGJ,U,CACI,qB,CACA,oD,CACA,iB,CAKJ,I,CAAM,G,CACF,4B,CACA,gC,CACA,6B,CACA,8B,CAsCJ,O,CAlDA,U,CAeA,Q,CAoCI,oB,CAnDJ,U,CAeA,Q,CAEI,sB,CAFJ,Q,CACI,kB,CAEA,oB,CAEA,U,CAGJ,E,CAEI,gB,CAGJ,E,CAAG,E,CAAG,E,CAAG,E,CAAG,E,CAAG,E,CACX,qB,CACA,yB,CAGJ,E,CACI,6B,CACA,iB,CAGJ,E,CAfA,E,CAgBI,mB,CAGJ,E,CACI,qC,CAGJ,O,CACI,0B,CAGJ,O,CAEI,uB,CAWJ,K,CARA,K,CAYI,qB,CAZJ,K,CAEI,e,CACA,yB,CAEA,4B,CAGJ,K,CACI,a,CACA,S,CACA,qB,CAEA,oB,CAEA,U,CACA,0B,CACA,6B,CACA,2B,CACA,sC,CACA,0B,CACA,yB,CAGJ,c,CACI,sB,CACA,e,CACA,kB,CAGwB,W,CAA5B,Y,CAAa,c,CACT,8B,CAGJ,oB,CAAuB,iB,CACnB,oB,CACA,S,CACA,Q,CACA,0B,CACA,2B,CAGJ,M,CAAO,kB,CAAyC,M,CAS5C,oB,CATJ,M,CAA4B,iB,CAArB,kB,CAAyC,M,CAAO,Q,CACnD,oB,CACA,S,CACA,uB,CACA,qB,CACA,0B,CACA,U,CACA,6B,CAGA,2B,CACA,sB,CACA,0B,CACA,c,CAbmD,Q,CAuDnD,a,CACA,e,CAEA,6B,CACA,sC,CACA,W,CA3CJ,iB,CADA,kB,CAEI,uB,CACA,e,CACA,Q,CAHJ,iB,CAjBuD,Q,CAyBnD,oB,CAGJ,M,CAgBA,M,CA5CuD,Q,CA8CnD,e,CAlBJ,M,CACI,sB,CACA,Q,CAIJ,Y,CAEA,uB,CADA,wB,CAEI,oB,CACA,iC,CACA,kB,CACA,e,CACA,oB,CAGJ,M,CACI,mC,CAEA,wC,CACA,e,CACA,mB,CACA,6B,CACA,qK,CAaJ,K,CACI,Y,CACA,gB,CACA,oD","file":"src/grayscale.css","sourcesContent":["/*! Grayscale CSS v:0.9.0 | MIT LICENSE | https://github.com/n2geoff/grayscale-css */\r\n:root {\r\n --Hsl: 207;\r\n --hSl: 50%;\r\n --hsL: 50%;\r\n --theme: hsl(var(--Hsl), var(--hSl), var(--hsL));\r\n --accent: var(--theme);\r\n --font: Arial, Helvetica, san-serif;\r\n --line: 1.5;\r\n --weight: 400;\r\n --size: 20px;\r\n --radius: 0rem;\r\n --space: 1rem;\r\n}\r\n\r\n:root:not([data-theme=dark]),[data-theme=light] {\r\n --light: hsl(var(--Hsl), clamp(15%, var(--hSl), 85%), clamp(15%, calc(var(--hsL) + 35%), 85%));\r\n --dark: hsl(var(--Hsl), clamp(15%, var(--hSl), 85%), clamp(15%, calc(var(--hsL) - 35%), 85%));\r\n --gray: hsl(var(--Hsl), 25%, 75%);\r\n --hint: hsl(var(--Hsl), 35%, 70%);\r\n --bg: hsl(var(--Hsl), 0%, 95%);\r\n --fg: hsl(var(--Hsl), 0%, 5%);\r\n}\r\n\r\n[data-theme=dark] {\r\n --light: hsl(var(--Hsl), clamp(15%, var(--hSl), 85%), clamp(15%, calc(var(--hsL) - 35%), 85%));\r\n --dark: hsl(var(--Hsl), clamp(15%, var(--hSl), 85%), clamp(15%, calc(var(--hsL) + 35%), 85%));\r\n --gray: hsl(var(--Hsl), 25%, 25%);\r\n --hint: hsl(var(--Hsl), 35%, 20%);\r\n --bg: hsl(var(--Hsl), 50%, 5%);\r\n --fg: hsl(var(--Hsl), 20%, 90%);\r\n}\r\n\r\n*,*:before,*:after {\r\n box-sizing: border-box;\r\n}\r\n\r\nhtml,body {\r\n background: var(--bg);\r\n color: var(--fg);\r\n margin: 0;\r\n padding: 0;\r\n font-family: var(--font);\r\n font-size: var(--size);\r\n letter-spacing: 0.0625em;\r\n font-weight: var(--weight);\r\n line-height: var(--line);\r\n box-sizing: border-box;\r\n padding: 0;\r\n}\r\n\r\n::placeholder,small {\r\n color: var(--hint);\r\n}\r\n\r\n:disabled::placeholder,small {\r\n color: hsl(0, 0%, 50%);\r\n}\r\n\r\nimg,embed,iframe,object,audio,video {\r\n height: auto;\r\n max-width: 100%;\r\n border: none;\r\n}\r\n\r\nmain {\r\n margin: 0 auto;\r\n padding: var(--space);\r\n height: 100vh;\r\n max-width: 1140px;\r\n}\r\n\r\nul,ol,li {\r\n margin: 0 calc(var(--space) *.72);\r\n padding: 0\r\n}\r\n\r\ntable {\r\n background: var(--bg);\r\n border-collapse: collapse;\r\n border-spacing: 0;\r\n width: 100%;\r\n}\r\n\r\nthead {\r\n background: var(--theme);\r\n}\r\n\r\nth {\r\n text-align: left;\r\n color: var(--dark);\r\n}\r\n\r\nth,td {\r\n padding: calc(var(--space) / 2);\r\n border-bottom: 1px solid var(--theme);\r\n}\r\n\r\ntbody>tr:nth-child(2) {\r\n background: var(--hint);\r\n}\r\n\r\ntbody>tr:hover {\r\n background: var(--accent);\r\n}\r\n\r\na {\r\n color: var(--accent);\r\n}\r\n\r\na:hover {\r\n color: var(--fg);\r\n}\r\n\r\nblockquote {\r\n margin: var(--space) 0;\r\n border-left: calc(var(--space) / 2) solid var(--accent);\r\n color: var(--hint);\r\n background: var(--dark);\r\n padding: var(--space);\r\n}\r\n\r\ncode, kbd {\r\n color: var(--light) !important;\r\n background: var(--dark) !important;\r\n margin: 0 calc(var(--space) / 4);\r\n padding: 0 calc(var(--space) / 4);\r\n}\r\n\r\npre>code {\r\n color: var(--light);\r\n background: var(--dark);\r\n display: inline-block;\r\n padding: var(--space);\r\n width: 100%;\r\n}\r\n\r\nhr {\r\n color: var(--accent);\r\n border: 1px solid;\r\n}\r\n\r\nh1,h2,h3,h4,h5,h6 {\r\n margin: var(--space) 0;\r\n text-transform: capitalize;\r\n}\r\n\r\nh1 {\r\n font-size: calc(var(--size) * 2);\r\n color: var(--dark);\r\n}\r\n\r\nh2 {\r\n color: var(--accent);\r\n}\r\n\r\nh3 {\r\n border-bottom: 1px solid var(--accent);\r\n}\r\n\r\nsection {\r\n margin-bottom: var(--space);\r\n}\r\n\r\narticle {\r\n padding: var(--space);\r\n background: var(--light);\r\n}\r\n\r\nlabel {\r\n font-size: var(--size);\r\n font-weight: 600;\r\n text-transform: capitalize;\r\n color: var(--fg);\r\n margin: 0 calc(var(--size) / 2);\r\n}\r\n\r\ninput {\r\n display: block;\r\n outline: none;\r\n box-sizing: border-box;\r\n font-size: var(--size);\r\n background: var(--bg);\r\n color: var(--fg);\r\n width: 100%;\r\n height: calc(var(--size) * 3);\r\n border: 1px solid var(--theme);\r\n border-radius: var(--radius);\r\n padding: clamp(.5rem, var(--space), 2rem);\r\n margin-bottom: var(--space);\r\n margin-right: var(--space);\r\n}\r\n\r\ninput:disabled {\r\n background: var(--gray);\r\n color: var(--bg);\r\n cursor: not-allowed;\r\n}\r\n\r\nselect:focus,textarea:focus,input:focus {\r\n border: 2px solid var(--accent);\r\n}\r\n\r\ninput[type=\"checkbox\"],input[type=\"radio\"] {\r\n display: inline-block;\r\n padding: 0;\r\n margin: 0;\r\n width: calc(var(--size) * .8);\r\n height: calc(var(--size) * .8);\r\n}\r\n\r\nbutton,input[type=\"submit\"],input[type=\"reset\"],select,textarea {\r\n display: inline-block;\r\n outline: none;\r\n font-family: var(--font);\r\n font-size: var(--size);\r\n height: calc(var(--size) * 3);\r\n width: 100%;\r\n border: 1px solid var(--theme);\r\n color: var(--theme);\r\n background: var(--bg);\r\n border-radius: var(--radius);\r\n padding: 0 var(--space);\r\n margin-bottom: var(--space);\r\n cursor: pointer;\r\n}\r\n\r\ninput[type=\"submit\"],\r\ninput[type=\"reset\"] {\r\n background: var(--theme);\r\n color: var(--fg);\r\n border: none;\r\n}\r\n\r\ninput[type=\"reset\"] {\r\n color: var(--fg);\r\n background: var(--bg);\r\n}\r\n\r\nbutton {\r\n background: var(--gray);\r\n border: none;\r\n color: var(--fg);\r\n}\r\n\r\nbutton:hover,\r\ninput[type=\"submit\"]:hover,\r\ninput[type=\"reset\"]:hover {\r\n background: var(--fg);\r\n border-bottom: 1px solid var(--bg);\r\n color: var(--theme);\r\n font-weight: bold;\r\n letter-spacing: .1rem;\r\n}\r\n\r\nselect {\r\n background: var(--bg) no-repeat 100%;\r\n color: var(--fg);\r\n padding: 0 clamp(.5rem, var(--space), 2rem);\r\n appearance: none;\r\n background-size: 1ex;\r\n background-origin: content-box;\r\n background-image: url(\"data:image/svg+xml;utf8,\");\r\n}\r\n\r\ntextarea {\r\n overflow: auto;\r\n resize: vertical;\r\n border: 1px solid var(--theme);\r\n height: calc(var(--line) * 6rem);\r\n padding: clamp(.5rem, var(--space), 2rem);\r\n cursor: text;\r\n color: var(--fg);\r\n}\r\n\r\n.grid {\r\n display: grid;\r\n gap: var(--space);\r\n grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\r\n}"]}
\ No newline at end of file
diff --git a/dist/grayscale.min.css b/dist/grayscale.min.css
index 804eb6f..f5e3316 100644
--- a/dist/grayscale.min.css
+++ b/dist/grayscale.min.css
@@ -1,2 +1,3 @@
-/* Grayscale CSS v:0.8.5 | MIT LICENSE | https://github.com/n2geoff/grayscale */
-:root{--Hsl:207;--hSl:50%;--hsL:50%;--theme:hsl(var(--Hsl), var(--hSl), var(--hsL));--font:Arial, Helvetica, san-serif;--line:1.5;--weight:400;--size:20px;--radius:0rem;--space:1rem}:root:not([data-theme=dark]),[data-theme=light]{--light:hsl(var(--Hsl), var(--hSl), calc(var(--hsL) + 35%));--dark:hsl(var(--Hsl), var(--hSl), calc(var(--hsL) - 35%));--gray:hsl(var(--Hsl), 25%, 75%);--hint:hsl(var(--Hsl), 35%, 70%);--bg:hsl(var(--Hsl), 0%, 95%);--fg:hsl(var(--Hsl), 0%, 5%)}[data-theme=dark]{--light:hsl(var(--Hsl), var(--hSl), calc(var(--hsL) - 35%));--dark:hsl(var(--Hsl), var(--hSl), calc(var(--hsL) + 35%));--gray:hsl(var(--Hsl), 25%, 25%);--hint:hsl(var(--Hsl), 35%, 30%);--bg:hsl(var(--Hsl), 50%, 5%);--fg:hsl(var(--Hsl), 20%, 90%)}*,:after,:before,body,html{box-sizing:border-box}body,html{background:var(--bg);color:var(--fg);margin:0;font-family:var(--font);font-size:var(--size);letter-spacing:.0625em;font-weight:var(--weight);line-height:var(--line);padding:0}::placeholder,small{color:var(--hint)}:disabled::placeholder,small{color:gray}audio,embed,iframe,img,object,video{height:auto;max-width:100%;border:0}main{margin:0 auto;height:100vh;max-width:1140px}li,ol,ul{margin:0 calc(var(--space)*.72);padding:0}table{background-color:var(--bg);border-collapse:collapse;border-spacing:0;width:100%}thead{background:var(--theme)}th{text-align:left;color:var(--dark)}td,th{padding:calc(var(--space)/2);border-bottom:1px solid var(--theme)}a{color:var(--theme)}a:hover,input,label{color:var(--fg)}blockquote{margin:var(--space) 0;border-left:calc(var(--space)/2) solid var(--hint);color:var(--hint)}code,kbd{color:var(--light)!important;background:var(--dark)!important;margin:0 calc(var(--space)/4);padding:0 calc(var(--space)/4)}article,blockquote,main,pre>code{padding:var(--space)}blockquote,pre>code{background:var(--dark)}pre>code{color:var(--light);display:inline-block;width:100%}hr{border:1px solid}h1,h2,h3,h4,h5,h6{margin:var(--space) 0;text-transform:capitalize}h1{font-size:calc(var(--size)*2);color:var(--dark)}h2,hr{color:var(--theme)}h3{border-bottom:1px solid var(--theme)}section{margin-bottom:var(--space)}article{background-color:var(--light)}input,label{font-size:var(--size)}label{font-weight:600;text-transform:capitalize;margin:0 calc(var(--size)/2)}input{display:block;outline:0;box-sizing:border-box;background-color:var(--bg);width:100%;height:calc(var(--size)*3);border:1px solid var(--theme);border-radius:var(--radius);padding:clamp(.5rem,var(--space),2rem);margin-bottom:var(--space);margin-right:var(--space)}input:disabled{background:var(--gray);color:var(--bg);cursor:not-allowed}input:focus,select:focus,textarea:focus{border:2px solid var(--theme)}input[type=checkbox],input[type=radio]{display:inline-block;padding:0;margin:0;width:calc(var(--size)*.8);height:calc(var(--size)*.8)}button{color:var(--theme);background-color:var(--bg);cursor:pointer}button,input[type=reset],input[type=submit],select,textarea{display:inline-block;outline:0;font-family:var(--font);font-size:var(--size);height:calc(var(--size)*3);width:100%;border-radius:var(--radius);padding:0 var(--space);margin-bottom:var(--space);border:1px solid var(--theme)}input[type=reset],input[type=submit]{cursor:pointer;background-color:var(--theme);color:var(--bg)}select,textarea{background-color:var(--bg);color:var(--fg)}select{cursor:pointer;background:var(--bg) no-repeat 100%;padding:0 clamp(.5rem,var(--space),2rem);appearance:none;background-size:1ex;background-origin:content-box;background-image:url("data:image/svg+xml;utf8,")}textarea{overflow:auto;resize:vertical;height:calc(var(--line)*6rem);padding:clamp(.5rem,var(--space),2rem);cursor:text}.grid{display:grid;gap:var(--space);grid-template-columns:repeat(auto-fit,minmax(0,1fr))}
\ No newline at end of file
+/*! Grayscale CSS v:0.9.0 | MIT LICENSE | https://github.com/n2geoff/grayscale-css */
+:root{--Hsl:207;--hSl:50%;--hsL:50%;--theme:hsl(var(--Hsl), var(--hSl), var(--hsL));--accent:var(--theme);--font:Arial, Helvetica, san-serif;--line:1.5;--weight:400;--size:20px;--radius:0rem;--space:1rem}:root:not([data-theme=dark]),[data-theme=light]{--light:hsl(var(--Hsl), clamp(15%, var(--hSl), 85%), clamp(15%, calc(var(--hsL) + 35%), 85%));--dark:hsl(var(--Hsl), clamp(15%, var(--hSl), 85%), clamp(15%, calc(var(--hsL) - 35%), 85%));--gray:hsl(var(--Hsl), 25%, 75%);--hint:hsl(var(--Hsl), 35%, 70%);--bg:hsl(var(--Hsl), 0%, 95%);--fg:hsl(var(--Hsl), 0%, 5%)}[data-theme=dark]{--light:hsl(var(--Hsl), clamp(15%, var(--hSl), 85%), clamp(15%, calc(var(--hsL) - 35%), 85%));--dark:hsl(var(--Hsl), clamp(15%, var(--hSl), 85%), clamp(15%, calc(var(--hsL) + 35%), 85%));--gray:hsl(var(--Hsl), 25%, 25%);--hint:hsl(var(--Hsl), 35%, 20%);--bg:hsl(var(--Hsl), 50%, 5%);--fg:hsl(var(--Hsl), 20%, 90%)}*,:after,:before,body,html{box-sizing:border-box}body,html{background:var(--bg);color:var(--fg);margin:0;font-family:var(--font);font-size:var(--size);letter-spacing:.0625em;font-weight:var(--weight);line-height:var(--line);padding:0}::placeholder,small{color:var(--hint)}:disabled::placeholder,small{color:gray}audio,embed,iframe,img,object,video{height:auto;max-width:100%;border:0}main{margin:0 auto;padding:var(--space);height:100vh;max-width:1140px}li,ol,ul{margin:0 calc(var(--space)*.72);padding:0}table{background:var(--bg);border-collapse:collapse;border-spacing:0;width:100%}thead{background:var(--theme)}th{text-align:left;color:var(--dark)}td,th{padding:calc(var(--space)/2);border-bottom:1px solid var(--theme)}tbody>tr:nth-child(2){background:var(--hint)}tbody>tr:hover{background:var(--accent)}a{color:var(--accent)}a:hover,input,label{color:var(--fg)}blockquote{margin:var(--space) 0;border-left:calc(var(--space)/2) solid var(--accent);color:var(--hint)}code,kbd{color:var(--light)!important;background:var(--dark)!important;margin:0 calc(var(--space)/4);padding:0 calc(var(--space)/4)}article,blockquote,pre>code{padding:var(--space)}blockquote,pre>code{background:var(--dark)}pre>code{color:var(--light);display:inline-block;width:100%}hr{border:1px solid}h1,h2,h3,h4,h5,h6{margin:var(--space) 0;text-transform:capitalize}h1{font-size:calc(var(--size)*2);color:var(--dark)}h2,hr{color:var(--accent)}h3{border-bottom:1px solid var(--accent)}section{margin-bottom:var(--space)}article{background:var(--light)}input,label{font-size:var(--size)}label{font-weight:600;text-transform:capitalize;margin:0 calc(var(--size)/2)}input{display:block;outline:0;box-sizing:border-box;background:var(--bg);width:100%;height:calc(var(--size)*3);border:1px solid var(--theme);border-radius:var(--radius);padding:clamp(.5rem,var(--space),2rem);margin-bottom:var(--space);margin-right:var(--space)}input:disabled{background:var(--gray);color:var(--bg);cursor:not-allowed}input:focus,select:focus,textarea:focus{border:2px solid var(--accent)}input[type=checkbox],input[type=radio]{display:inline-block;padding:0;margin:0;width:calc(var(--size)*.8);height:calc(var(--size)*.8)}button,input[type=submit],select{background:var(--bg)}button,input[type=reset],input[type=submit],select,textarea{display:inline-block;outline:0;font-family:var(--font);font-size:var(--size);height:calc(var(--size)*3);width:100%;border:1px solid var(--theme);border-radius:var(--radius);padding:0 var(--space);margin-bottom:var(--space);cursor:pointer}textarea{overflow:auto;resize:vertical;height:calc(var(--line)*6rem);padding:clamp(.5rem,var(--space),2rem);cursor:text}input[type=reset],input[type=submit]{background:var(--theme);color:var(--fg);border:0}input[type=reset],textarea{background:var(--bg)}button,select,textarea{color:var(--fg)}button{background:var(--gray);border:0}button:hover,input[type=reset]:hover,input[type=submit]:hover{background:var(--fg);border-bottom:1px solid var(--bg);color:var(--theme);font-weight:700;letter-spacing:.1rem}select{background:var(--bg) no-repeat 100%;padding:0 clamp(.5rem,var(--space),2rem);appearance:none;background-size:1ex;background-origin:content-box;background-image:url("data:image/svg+xml;utf8,")}.grid{display:grid;gap:var(--space);grid-template-columns:repeat(auto-fit,minmax(0,1fr))}
+/*# sourceMappingURL=grayscale.map */
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..c921ccd
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,583 @@
+{
+ "name": "grayscale-css",
+ "version": "0.9.0",
+ "lockfileVersion": 2,
+ "requires": true,
+ "packages": {
+ "": {
+ "name": "grayscale-css",
+ "version": "0.9.0",
+ "license": "MIT",
+ "devDependencies": {
+ "csso-cli": "^3.0.0"
+ }
+ },
+ "node_modules/ansi-regex": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+ "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/ansi-styles": {
+ "version": "2.2.1",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+ "integrity": "sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/anymatch": {
+ "version": "3.1.2",
+ "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
+ "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==",
+ "dev": true,
+ "dependencies": {
+ "normalize-path": "^3.0.0",
+ "picomatch": "^2.0.4"
+ },
+ "engines": {
+ "node": ">= 8"
+ }
+ },
+ "node_modules/binary-extensions": {
+ "version": "2.2.0",
+ "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+ "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+ "dev": true,
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/braces": {
+ "version": "3.0.2",
+ "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+ "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+ "dev": true,
+ "dependencies": {
+ "fill-range": "^7.0.1"
+ },
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/chalk": {
+ "version": "1.1.3",
+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+ "integrity": "sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==",
+ "dev": true,
+ "dependencies": {
+ "ansi-styles": "^2.2.1",
+ "escape-string-regexp": "^1.0.2",
+ "has-ansi": "^2.0.0",
+ "strip-ansi": "^3.0.0",
+ "supports-color": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/chokidar": {
+ "version": "3.5.3",
+ "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+ "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "individual",
+ "url": "https://paulmillr.com/funding/"
+ }
+ ],
+ "dependencies": {
+ "anymatch": "~3.1.2",
+ "braces": "~3.0.2",
+ "glob-parent": "~5.1.2",
+ "is-binary-path": "~2.1.0",
+ "is-glob": "~4.0.1",
+ "normalize-path": "~3.0.0",
+ "readdirp": "~3.6.0"
+ },
+ "engines": {
+ "node": ">= 8.10.0"
+ },
+ "optionalDependencies": {
+ "fsevents": "~2.3.2"
+ }
+ },
+ "node_modules/clap": {
+ "version": "1.2.3",
+ "resolved": "https://registry.npmjs.org/clap/-/clap-1.2.3.tgz",
+ "integrity": "sha512-4CoL/A3hf90V3VIEjeuhSvlGFEHKzOz+Wfc2IVZc+FaUgU0ZQafJTP49fvnULipOPcAfqhyI2duwQyns6xqjYA==",
+ "dev": true,
+ "dependencies": {
+ "chalk": "^1.1.3"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/css-tree": {
+ "version": "1.1.3",
+ "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+ "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+ "dev": true,
+ "dependencies": {
+ "mdn-data": "2.0.14",
+ "source-map": "^0.6.1"
+ },
+ "engines": {
+ "node": ">=8.0.0"
+ }
+ },
+ "node_modules/csso": {
+ "version": "4.2.0",
+ "resolved": "https://registry.npmjs.org/csso/-/csso-4.2.0.tgz",
+ "integrity": "sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==",
+ "dev": true,
+ "dependencies": {
+ "css-tree": "^1.1.2"
+ },
+ "engines": {
+ "node": ">=8.0.0"
+ }
+ },
+ "node_modules/csso-cli": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/csso-cli/-/csso-cli-3.0.0.tgz",
+ "integrity": "sha512-j0ytVZ8qHXcFnR3HOvfH8RWOeHtlqwt97mYe32AnJ2yG6noqV0Jsn8OwOQq8wpdavkHr8JOx6drRtY2HoKLjqw==",
+ "dev": true,
+ "dependencies": {
+ "chokidar": "^3.0.0",
+ "clap": "^1.0.9",
+ "csso": "^4.0.1",
+ "source-map": "^0.6.1"
+ },
+ "bin": {
+ "csso": "bin/csso"
+ },
+ "engines": {
+ "node": ">=8.0.0"
+ }
+ },
+ "node_modules/escape-string-regexp": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+ "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.8.0"
+ }
+ },
+ "node_modules/fill-range": {
+ "version": "7.0.1",
+ "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+ "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+ "dev": true,
+ "dependencies": {
+ "to-regex-range": "^5.0.1"
+ },
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/fsevents": {
+ "version": "2.3.2",
+ "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+ "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+ "dev": true,
+ "hasInstallScript": true,
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+ }
+ },
+ "node_modules/glob-parent": {
+ "version": "5.1.2",
+ "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+ "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+ "dev": true,
+ "dependencies": {
+ "is-glob": "^4.0.1"
+ },
+ "engines": {
+ "node": ">= 6"
+ }
+ },
+ "node_modules/has-ansi": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
+ "integrity": "sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==",
+ "dev": true,
+ "dependencies": {
+ "ansi-regex": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/is-binary-path": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+ "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+ "dev": true,
+ "dependencies": {
+ "binary-extensions": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/is-extglob": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+ "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/is-glob": {
+ "version": "4.0.3",
+ "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+ "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+ "dev": true,
+ "dependencies": {
+ "is-extglob": "^2.1.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/is-number": {
+ "version": "7.0.0",
+ "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+ "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.12.0"
+ }
+ },
+ "node_modules/mdn-data": {
+ "version": "2.0.14",
+ "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+ "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
+ "dev": true
+ },
+ "node_modules/normalize-path": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+ "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/picomatch": {
+ "version": "2.3.1",
+ "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+ "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+ "dev": true,
+ "engines": {
+ "node": ">=8.6"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/jonschlinkert"
+ }
+ },
+ "node_modules/readdirp": {
+ "version": "3.6.0",
+ "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+ "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+ "dev": true,
+ "dependencies": {
+ "picomatch": "^2.2.1"
+ },
+ "engines": {
+ "node": ">=8.10.0"
+ }
+ },
+ "node_modules/source-map": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/strip-ansi": {
+ "version": "3.0.1",
+ "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+ "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
+ "dev": true,
+ "dependencies": {
+ "ansi-regex": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/supports-color": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+ "integrity": "sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.8.0"
+ }
+ },
+ "node_modules/to-regex-range": {
+ "version": "5.0.1",
+ "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+ "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+ "dev": true,
+ "dependencies": {
+ "is-number": "^7.0.0"
+ },
+ "engines": {
+ "node": ">=8.0"
+ }
+ }
+ },
+ "dependencies": {
+ "ansi-regex": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+ "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==",
+ "dev": true
+ },
+ "ansi-styles": {
+ "version": "2.2.1",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+ "integrity": "sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==",
+ "dev": true
+ },
+ "anymatch": {
+ "version": "3.1.2",
+ "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
+ "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==",
+ "dev": true,
+ "requires": {
+ "normalize-path": "^3.0.0",
+ "picomatch": "^2.0.4"
+ }
+ },
+ "binary-extensions": {
+ "version": "2.2.0",
+ "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+ "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+ "dev": true
+ },
+ "braces": {
+ "version": "3.0.2",
+ "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+ "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+ "dev": true,
+ "requires": {
+ "fill-range": "^7.0.1"
+ }
+ },
+ "chalk": {
+ "version": "1.1.3",
+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+ "integrity": "sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==",
+ "dev": true,
+ "requires": {
+ "ansi-styles": "^2.2.1",
+ "escape-string-regexp": "^1.0.2",
+ "has-ansi": "^2.0.0",
+ "strip-ansi": "^3.0.0",
+ "supports-color": "^2.0.0"
+ }
+ },
+ "chokidar": {
+ "version": "3.5.3",
+ "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+ "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+ "dev": true,
+ "requires": {
+ "anymatch": "~3.1.2",
+ "braces": "~3.0.2",
+ "fsevents": "~2.3.2",
+ "glob-parent": "~5.1.2",
+ "is-binary-path": "~2.1.0",
+ "is-glob": "~4.0.1",
+ "normalize-path": "~3.0.0",
+ "readdirp": "~3.6.0"
+ }
+ },
+ "clap": {
+ "version": "1.2.3",
+ "resolved": "https://registry.npmjs.org/clap/-/clap-1.2.3.tgz",
+ "integrity": "sha512-4CoL/A3hf90V3VIEjeuhSvlGFEHKzOz+Wfc2IVZc+FaUgU0ZQafJTP49fvnULipOPcAfqhyI2duwQyns6xqjYA==",
+ "dev": true,
+ "requires": {
+ "chalk": "^1.1.3"
+ }
+ },
+ "css-tree": {
+ "version": "1.1.3",
+ "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+ "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+ "dev": true,
+ "requires": {
+ "mdn-data": "2.0.14",
+ "source-map": "^0.6.1"
+ }
+ },
+ "csso": {
+ "version": "4.2.0",
+ "resolved": "https://registry.npmjs.org/csso/-/csso-4.2.0.tgz",
+ "integrity": "sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==",
+ "dev": true,
+ "requires": {
+ "css-tree": "^1.1.2"
+ }
+ },
+ "csso-cli": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/csso-cli/-/csso-cli-3.0.0.tgz",
+ "integrity": "sha512-j0ytVZ8qHXcFnR3HOvfH8RWOeHtlqwt97mYe32AnJ2yG6noqV0Jsn8OwOQq8wpdavkHr8JOx6drRtY2HoKLjqw==",
+ "dev": true,
+ "requires": {
+ "chokidar": "^3.0.0",
+ "clap": "^1.0.9",
+ "csso": "^4.0.1",
+ "source-map": "^0.6.1"
+ }
+ },
+ "escape-string-regexp": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+ "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+ "dev": true
+ },
+ "fill-range": {
+ "version": "7.0.1",
+ "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+ "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+ "dev": true,
+ "requires": {
+ "to-regex-range": "^5.0.1"
+ }
+ },
+ "fsevents": {
+ "version": "2.3.2",
+ "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+ "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+ "dev": true,
+ "optional": true
+ },
+ "glob-parent": {
+ "version": "5.1.2",
+ "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+ "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+ "dev": true,
+ "requires": {
+ "is-glob": "^4.0.1"
+ }
+ },
+ "has-ansi": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
+ "integrity": "sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==",
+ "dev": true,
+ "requires": {
+ "ansi-regex": "^2.0.0"
+ }
+ },
+ "is-binary-path": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+ "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+ "dev": true,
+ "requires": {
+ "binary-extensions": "^2.0.0"
+ }
+ },
+ "is-extglob": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+ "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+ "dev": true
+ },
+ "is-glob": {
+ "version": "4.0.3",
+ "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+ "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+ "dev": true,
+ "requires": {
+ "is-extglob": "^2.1.1"
+ }
+ },
+ "is-number": {
+ "version": "7.0.0",
+ "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+ "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+ "dev": true
+ },
+ "mdn-data": {
+ "version": "2.0.14",
+ "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+ "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
+ "dev": true
+ },
+ "normalize-path": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+ "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+ "dev": true
+ },
+ "picomatch": {
+ "version": "2.3.1",
+ "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+ "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+ "dev": true
+ },
+ "readdirp": {
+ "version": "3.6.0",
+ "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+ "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+ "dev": true,
+ "requires": {
+ "picomatch": "^2.2.1"
+ }
+ },
+ "source-map": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+ "dev": true
+ },
+ "strip-ansi": {
+ "version": "3.0.1",
+ "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+ "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
+ "dev": true,
+ "requires": {
+ "ansi-regex": "^2.0.0"
+ }
+ },
+ "supports-color": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+ "integrity": "sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==",
+ "dev": true
+ },
+ "to-regex-range": {
+ "version": "5.0.1",
+ "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+ "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+ "dev": true,
+ "requires": {
+ "is-number": "^7.0.0"
+ }
+ }
+ }
+}
diff --git a/package.json b/package.json
index 6299b55..3972564 100644
--- a/package.json
+++ b/package.json
@@ -1,13 +1,13 @@
{
"name": "grayscale-css",
- "version": "0.8.5",
+ "version": "0.9.0",
"description": "css for minimalists",
"scripts": {
- "test": "echo \"Error: no test specified\" && exit 1"
+ "build": "npx csso .\\src\\grayscale.css --comments first-exclamation --output .\\dist\\grayscale.min.css -s .\\dist\\grayscale.map"
},
"repository": {
"type": "git",
- "url": "git+https://github.com/n2geoff/grayscale.git"
+ "url": "git+https://github.com/n2geoff/grayscale-css.git"
},
"keywords": [
"css",
@@ -19,7 +19,10 @@
"main": "dist/grayscale.min.css",
"license": "MIT",
"bugs": {
- "url": "https://github.com/n2geoff/grayscale/issues"
+ "url": "https://github.com/n2geoff/grayscale-css/issues"
},
- "homepage": "https://n2geoff.github.io/grayscale"
+ "homepage": "https://n2geoff.github.io/grayscale",
+ "devDependencies": {
+ "csso-cli": "^3.0.0"
+ }
}
diff --git a/src/grayscale.css b/src/grayscale.css
index cab4897..c9bbe40 100644
--- a/src/grayscale.css
+++ b/src/grayscale.css
@@ -1,4 +1,4 @@
-/* Grayscale CSS v:0.9.0 | MIT LICENSE | https://github.com/n2geoff/grayscale */
+/*! Grayscale CSS v:0.9.0 | MIT LICENSE | https://github.com/n2geoff/grayscale-css */
:root {
--Hsl: 207;
--hSl: 50%;