snipette/weflock
snipette/weflock
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Upgraded to color-mod, native CSS vars

Browse source 
Dropping final support for IE11 and moving to newer color-mod package to replace the old deprecated one
This commit is contained in:
John O'Nolan 2020-07-28 00:52:31 +07:00
parent e4793cc743
commit e637d809f6
10 changed files with 110 additions and 185 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
README.md
View file

@ -54,8 +54,7 @@ yarn zip
# PostCSS Features Used # PostCSS Features Used
- Autoprefixer - Don't worry about writing browser prefixes of any kind, it's all done automatically with support for the latest 2 major versions of every browser. - Autoprefixer - Don't worry about writing browser prefixes of any kind, it's all done automatically with support for the latest 2 major versions of every browser.
- Variables - Simple pure CSS variables - [Color Mod](hhttps://github.com/jonathantneal/postcss-color-mod-function)
- [Color Function](https://github.com/postcss/postcss-color-function)
# SVG Icons # SVG Icons

2
assets/built/global.css
View file

@ -1,2 +1,2 @@
a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{max-width:100%}html{box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn,em,i{font-style:italic}h1{margin:.67em 0;font-size:2em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}mark{background-color:#fdffb6}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button{overflow:visible;border:none}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input:focus{outline:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{padding:0;border:0}textarea{overflow:auto}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}html{overflow-y:scroll;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{overflow-x:hidden}body{color:#313b3f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.6rem;line-height:1.6em;font-weight:400;font-style:normal;letter-spacing:0;text-rendering:optimizeLegibility;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}::-moz-selection{text-shadow:none;background:#cbeafb}::selection{text-shadow:none;background:#cbeafb}hr{position:relative;display:block;width:100%;margin:2.5em 0 3.5em;padding:0;height:1px;border:0;border-top:1px solid #e3e9ed}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0;padding:0;border:0}textarea{resize:vertical}blockquote,dl,ol,p,ul{margin:0 0 1.5em}ol,ul{padding-left:1.3em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}ol,ul{max-width:100%}li{margin:.5em 0;padding-left:.3em;line-height:1.6em}dt{float:left;margin:0 20px 0 0;width:120px;color:#15171a;font-weight:500;text-align:right}dd{margin:0 0 5px;text-align:left}blockquote{margin:1.5em 0;padding:0 1.6em;border-left:.5em solid #e5eff5}blockquote p{margin:.8em 0;font-size:1.2em;font-weight:300}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{color:#26a8ed;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.15;font-weight:600;text-rendering:optimizeLegibility}h1{margin:0 0 .5em;font-size:5.5rem;font-weight:600}@media (max-width:500px){h1{font-size:2.2rem}}h2{margin:1.5em 0 .5em;font-size:2.2rem}@media (max-width:500px){h2{font-size:1.8rem}}h3{margin:1.5em 0 .5em;font-size:1.8rem;font-weight:500}@media (max-width:500px){h3{font-size:1.7rem}}h4{margin:1.5em 0 .5em;font-size:1.6rem;font-weight:500}h5,h6{margin:1.5em 0 .5em;font-size:1.4rem;font-weight:500} :root{--blue:#3eb0ef;--green:#a4d037;--purple:#ad26b4;--yellow:#fecd35;--red:#f05230;--darkgrey:#15171a;--midgrey:#738a94;--lightgrey:#c5d2d9;--whitegrey:#e5eff5;--pink:#fa3a57;--brown:#a3821a;--darkmode:#1a1c20}a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{max-width:100%}html{box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn,em,i{font-style:italic}h1{margin:.67em 0;font-size:2em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}mark{background-color:#fdffb6}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button{overflow:visible;border:none}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input:focus{outline:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{padding:0;border:0}textarea{overflow:auto}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}html{overflow-y:scroll;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{overflow-x:hidden}body{color:#303a3e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.6rem;line-height:1.6em;font-weight:400;font-style:normal;letter-spacing:0;text-rendering:optimizeLegibility;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}::-moz-selection{text-shadow:none;background:#cbeafb}::selection{text-shadow:none;background:#cbeafb}hr{position:relative;display:block;width:100%;margin:2.5em 0 3.5em;padding:0;height:1px;border:0;border-top:1px solid #e4eaed}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0;padding:0;border:0}textarea{resize:vertical}blockquote,dl,ol,p,ul{margin:0 0 1.5em}ol,ul{padding-left:1.3em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}ol,ul{max-width:100%}li{margin:.5em 0;padding-left:.3em;line-height:1.6em}dt{float:left;margin:0 20px 0 0;width:120px;color:var(--darkgrey);font-weight:500;text-align:right}dd{margin:0 0 5px;text-align:left}blockquote{margin:1.5em 0;padding:0 1.6em;border-left:.5em solid var(--whitegrey)}blockquote p{margin:.8em 0;font-size:1.2em;font-weight:300}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{color:#26a6ed;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.15;font-weight:600;text-rendering:optimizeLegibility}h1{margin:0 0 .5em;font-size:5.5rem;font-weight:600}@media (max-width:500px){h1{font-size:2.2rem}}h2{margin:1.5em 0 .5em;font-size:2.2rem}@media (max-width:500px){h2{font-size:1.8rem}}h3{margin:1.5em 0 .5em;font-size:1.8rem;font-weight:500}@media (max-width:500px){h3{font-size:1.7rem}}h4{margin:1.5em 0 .5em;font-size:1.6rem;font-weight:500}h5,h6{margin:1.5em 0 .5em;font-size:1.4rem;font-weight:500}
/*# sourceMappingURL=global.css.map */ /*# sourceMappingURL=global.css.map */

2
assets/built/global.css.map
View file

File diff suppressed because one or more lines are too long

2
assets/built/screen.css
View file

File diff suppressed because one or more lines are too long

2
assets/built/screen.css.map
View file

File diff suppressed because one or more lines are too long

10
assets/css/global.css
View file

@ -14,7 +14,7 @@
--whitegrey: #e5eff5; --whitegrey: #e5eff5;
--pink: #fa3a57; --pink: #fa3a57;
--brown: #a3821a; --brown: #a3821a;
--darkmode: color(var(--darkgrey) l(+2%)); --darkmode: color-mod(var(--darkgrey) l(+2%));
} }
/* Reset /* Reset
@ -281,7 +281,7 @@ html {
} }
body { body {
overflow-x: hidden; overflow-x: hidden;
color: color(var(--midgrey) l(-30%)); color: color-mod(var(--midgrey) l(-30%));
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1.6em; line-height: 1.6em;
@ -298,7 +298,7 @@ body {
::selection { ::selection {
text-shadow: none; text-shadow: none;
background: color(var(--blue) lightness(+30%)); background: color-mod(var(--blue) lightness(+30%));
} }
hr { hr {
@ -309,7 +309,7 @@ hr {
padding: 0; padding: 0;
height: 1px; height: 1px;
border: 0; border: 0;
border-top: 1px solid color(var(--lightgrey) l(+10%)); border-top: 1px solid color-mod(var(--lightgrey) l(+10%));
} }
audio, audio,
@ -416,7 +416,7 @@ blockquote cite a {
} }
a { a {
color: color(var(--blue) l(-5%)); color: color-mod(var(--blue) l(-5%));
text-decoration: none; text-decoration: none;
} }

138
assets/css/screen.css
View file

@ -114,7 +114,7 @@ body {
margin-top: 64px; margin-top: 64px;
padding-bottom: 12px; padding-bottom: 12px;
color: #fff; color: #fff;
background: color(var(--darkgrey) l(-5%)) no-repeat center center; background: color-mod(var(--darkgrey) l(-5%)) no-repeat center center;
background-size: cover; background-size: cover;
} }
@ -236,7 +236,7 @@ body {
.site-archive-header .no-image .site-header-content { .site-archive-header .no-image .site-header-content {
padding: 5vw 0 10px; padding: 5vw 0 10px;
border-bottom: 1px solid color(var(--lightgrey) l(+12%)); border-bottom: 1px solid color-mod(var(--lightgrey) l(+12%));
} }
@ -283,7 +283,7 @@ body {
right: 0; right: 0;
left: 0; left: 0;
z-index: 1000; z-index: 1000;
background: color(var(--darkgrey) l(-5%)); background: color-mod(var(--darkgrey) l(-5%));
} }
.site-nav { .site-nav {
@ -316,7 +316,7 @@ body {
.site-header-background:not(.responsive-header-img) .site-nav-left-wrapper:after, .site-header-background:not(.responsive-header-img) .site-nav-left-wrapper:after,
.site-nav-main .site-nav-left-wrapper:after { .site-nav-main .site-nav-left-wrapper:after {
right: 0; right: 0;
background: linear-gradient(to right, color(var(--darkgrey) l(-5%) a(0)) 0%,color(var(--darkgrey) l(-5%)) 100%); background: linear-gradient(to right, color-mod(var(--darkgrey) l(-5%) a(0)) 0%,color-mod(var(--darkgrey) l(-5%)) 100%);
} }
.site-nav-left { .site-nav-left {
@ -624,7 +624,7 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
margin: 0 0 40px; margin: 0 0 40px;
padding: 0 20px 40px; padding: 0 20px 40px;
min-height: 220px; min-height: 220px;
border-bottom: 1px solid color(var(--lightgrey) l(+12%)); border-bottom: 1px solid color-mod(var(--lightgrey) l(+12%));
background-size: cover; background-size: cover;
} }
@ -711,7 +711,7 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: color(var(--lightgrey) l(+10%)); background: color-mod(var(--lightgrey) l(+10%));
border-radius: 100%; border-radius: 100%;
object-fit: cover; object-fit: cover;
@ -782,7 +782,7 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 2px 0 0 6px; margin: 2px 0 0 6px;
color: color(var(--midgrey) l(+10%)); color: color-mod(var(--midgrey) l(+10%));
font-size: 1.2rem; font-size: 1.2rem;
line-height: 1.4em; line-height: 1.4em;
font-weight: 400; font-weight: 400;
@ -795,7 +795,7 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
} }
.post-card-byline-content a { .post-card-byline-content a {
color: color(var(--darkgrey) l(+20%)); color: color-mod(var(--darkgrey) l(+20%));
font-weight: 600; font-weight: 600;
} }
@ -813,7 +813,7 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-left: 5px; margin-left: 5px;
color: color(var(--midgrey) l(-10%)); color: color-mod(var(--midgrey) l(-10%));
font-size: 1.3rem; font-size: 1.3rem;
line-height: 1.4em; line-height: 1.4em;
font-weight: 500; font-weight: 500;
@ -850,7 +850,7 @@ make sure this only happens on large viewports / desktop-ish devices.
} }
.post-card-large:hover { .post-card-large:hover {
border-bottom-color: color(var(--lightgrey) l(+10%)); border-bottom-color: color-mod(var(--lightgrey) l(+10%));
} }
.post-card-large:not(.no-image) .post-card-header { .post-card-large:not(.no-image) .post-card-header {
@ -980,7 +980,7 @@ make sure this only happens on large viewports / desktop-ish devices.
.post-full-title { .post-full-title {
margin: 0 0 0.2em; margin: 0 0 0.2em;
color: color(var(--darkgrey) l(-5%)); color: color-mod(var(--darkgrey) l(-5%));
} }
.post-full-custom-excerpt { .post-full-custom-excerpt {
@ -1004,7 +1004,7 @@ make sure this only happens on large viewports / desktop-ish devices.
align-items: center; align-items: center;
overflow: hidden; overflow: hidden;
margin: 25px 0 50px; margin: 25px 0 50px;
background: color(var(--lightgrey) l(+10%)); background: color-mod(var(--lightgrey) l(+10%));
border-radius: 3px; border-radius: 3px;
} }
@ -1104,7 +1104,7 @@ make sure this only happens on large viewports / desktop-ish devices.
.post-full-content strong, .post-full-content strong,
.post-full-content em { .post-full-content em {
color: color(var(--darkgrey) l(-5%)); color: color-mod(var(--darkgrey) l(-5%));
} }
.post-full-content small { .post-full-content small {
@ -1169,7 +1169,7 @@ Usage (In Ghost editor):
.post-full-content blockquote { .post-full-content blockquote {
margin: 0 0 1.5em; margin: 0 0 1.5em;
padding: 0 1.5em; padding: 0 1.5em;
border-left: color(var(--blue)) 3px solid; border-left: color-mod(var(--blue)) 3px solid;
} }
@media (max-width: 500px) { @media (max-width: 500px) {
.post-full-content blockquote { .post-full-content blockquote {
@ -1207,16 +1207,16 @@ Usage (In Ghost editor):
margin: 1.5em 0 3em; margin: 1.5em 0 3em;
padding: 20px; padding: 20px;
max-width: 100%; max-width: 100%;
border: color(var(--darkgrey) l(-10%)) 1px solid; border: color-mod(var(--darkgrey) l(-10%)) 1px solid;
color: var(--whitegrey); color: var(--whitegrey);
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1.5em; line-height: 1.5em;
background: color(var(--darkgrey) l(-3%)); background: color-mod(var(--darkgrey) l(-3%));
border-radius: 5px; border-radius: 5px;
} }
.post-full-content pre ::selection { .post-full-content pre ::selection {
color: color(var(--midgrey) l(-25%)); color: color-mod(var(--midgrey) l(-25%));
} }
.post-full-content pre code { .post-full-content pre code {
@ -1247,7 +1247,7 @@ Usage (In Ghost editor):
margin-left: -10px; margin-left: -10px;
width: 1px; width: 1px;
height: 30px; height: 30px;
background: color(var(--lightgrey) l(+10%)); background: color-mod(var(--lightgrey) l(+10%));
box-shadow: #fff 0 0 0 5px; box-shadow: #fff 0 0 0 5px;
transform: rotate(45deg); transform: rotate(45deg);
} }
@ -1262,7 +1262,7 @@ Usage (In Ghost editor):
.post-full-content h4, .post-full-content h4,
.post-full-content h5, .post-full-content h5,
.post-full-content h6 { .post-full-content h6 {
color: color(var(--darkgrey) l(-5%)); color: color-mod(var(--darkgrey) l(-5%));
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
} }
@ -1482,13 +1482,13 @@ Usage (In Ghost editor):
letter-spacing: 0.2px; letter-spacing: 0.2px;
text-align: left; text-align: left;
text-transform: uppercase; text-transform: uppercase;
background-color: color(var(--whitegrey) l(+4%)); background-color: color-mod(var(--whitegrey) l(+4%));
} }
.post-full-content table th, .post-full-content table th,
.post-full-content table td { .post-full-content table td {
padding: 6px 12px; padding: 6px 12px;
border: color(var(--whitegrey) l(-1%) s(-5%)) 1px solid; border: color-mod(var(--whitegrey) l(-1%) s(-5%)) 1px solid;
} }
@ -1500,7 +1500,7 @@ Usage (In Ghost editor):
justify-content: space-between; justify-content: space-between;
margin: 35px 0 0; margin: 35px 0 0;
padding-top: 15px; padding-top: 15px;
border-top: 1px solid color(var(--lightgrey) l(+10%)); border-top: 1px solid color-mod(var(--lightgrey) l(+10%));
} }
.post-full-byline-content { .post-full-byline-content {
@ -1516,7 +1516,7 @@ Usage (In Ghost editor):
.post-full-byline-meta { .post-full-byline-meta {
margin: 2px 0 0; margin: 2px 0 0;
color: color(var(--midgrey) l(+10%)); color: color-mod(var(--midgrey) l(+10%));
font-size: 1.2rem; font-size: 1.2rem;
line-height: 1.2em; line-height: 1.2em;
letter-spacing: 0.2px; letter-spacing: 0.2px;
@ -1531,7 +1531,7 @@ Usage (In Ghost editor):
} }
.post-full-byline-meta h4 a { .post-full-byline-meta h4 a {
color: color(var(--darkgrey) l(+10%)); color: color-mod(var(--darkgrey) l(+10%));
} }
.post-full-byline-meta h4 a:hover { .post-full-byline-meta h4 a:hover {
@ -1611,7 +1611,7 @@ Usage (In Ghost editor):
.author-card .author-info p { .author-card .author-info p {
margin: 4px 0 0; margin: 4px 0 0;
color: color(var(--midgrey) l(-10%)); color: color-mod(var(--midgrey) l(-10%));
} }
.author-card .author-info .bio h2 { .author-card .author-info .bio h2 {
@ -1689,9 +1689,9 @@ Usage (In Ghost editor):
.subscribe-form { .subscribe-form {
margin: 1.5em 0; margin: 1.5em 0;
padding: 6.5vw 7vw 8vw; padding: 6.5vw 7vw 8vw;
border: color(var(--lightgrey) l(+10%)) 1px solid; border: color-mod(var(--lightgrey) l(+10%)) 1px solid;
text-align: center; text-align: center;
background: linear-gradient(color(var(--whitegrey) l(+6%)), color(var(--whitegrey) l(+4%))); background: linear-gradient(color-mod(var(--whitegrey) l(+6%)), color-mod(var(--whitegrey) l(+4%)));
border-radius: 3px; border-radius: 3px;
} }
@ -1729,7 +1729,7 @@ Usage (In Ghost editor):
display: block; display: block;
padding: 10px; padding: 10px;
width: 100%; width: 100%;
border: color(var(--lightgrey) l(+7%)) 1px solid; border: color-mod(var(--lightgrey) l(+7%)) 1px solid;
color: var(--midgrey); color: var(--midgrey);
font-size: 1.8rem; font-size: 1.8rem;
line-height: 1em; line-height: 1em;
@ -1743,7 +1743,7 @@ Usage (In Ghost editor):
.subscribe-email:focus { .subscribe-email:focus {
outline: 0; outline: 0;
border-color: color(var(--lightgrey) l(-2%)); border-color: color-mod(var(--lightgrey) l(-2%));
} }
.subscribe-form button { .subscribe-form button {
@ -1759,10 +1759,10 @@ Usage (In Ghost editor):
font-weight: 400; font-weight: 400;
text-align: center; text-align: center;
background: linear-gradient( background: linear-gradient(
color(var(--blue) whiteness(+7%)), color-mod(var(--blue) whiteness(+7%)),
color(var(--blue) lightness(-7%) saturation(-10%)) 60%, color-mod(var(--blue) lightness(-7%) saturation(-10%)) 60%,
color(var(--blue) lightness(-7%) saturation(-10%)) 90%, color-mod(var(--blue) lightness(-7%) saturation(-10%)) 90%,
color(var(--blue) lightness(-4%) saturation(-10%)) color-mod(var(--blue) lightness(-4%) saturation(-10%))
); );
border-radius: 5px; border-radius: 5px;
@ -1771,7 +1771,7 @@ Usage (In Ghost editor):
.subscribe-form button:active, .subscribe-form button:active,
.subscribe-form button:focus { .subscribe-form button:focus {
background: color(var(--blue) lightness(-9%) saturation(-10%)); background: color-mod(var(--blue) lightness(-9%) saturation(-10%));
} }
.subscribe-form .button-loader, .subscribe-form .button-loader,
@ -1811,7 +1811,7 @@ Usage (In Ghost editor):
.subscribe-form .success .message-success { .subscribe-form .success .message-success {
display: block; display: block;
color: color(var(--green) l(-5%)); color: color-mod(var(--green) l(-5%));
} }
.subscribe-form .invalid .message-error, .subscribe-form .invalid .message-error,
@ -1861,7 +1861,7 @@ Usage (In Ghost editor):
.read-next { .read-next {
border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1);
background: color(var(--darkgrey) l(-5%)); background: color-mod(var(--darkgrey) l(-5%));
} }
.read-next-feed { .read-next-feed {
@ -1919,7 +1919,7 @@ Usage (In Ghost editor):
overflow: hidden; overflow: hidden;
margin: 0 25px 50px; margin: 0 25px 50px;
padding: 25px; padding: 25px;
background: linear-gradient(color(var(--darkgrey) l(+2%)), color(var(--darkgrey) l(-5%))); background: linear-gradient(color-mod(var(--darkgrey) l(+2%)), color-mod(var(--darkgrey) l(-5%)));
border-radius: 3px; border-radius: 3px;
} }
@ -2108,7 +2108,7 @@ Usage (In Ghost editor):
.post-full-content figcaption { .post-full-content figcaption {
margin: 1.0em auto 0; margin: 1.0em auto 0;
color: color(var(--midgrey) l(-10%)); color: color-mod(var(--midgrey) l(-10%));
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-size: 75%; font-size: 75%;
line-height: 1.5em; line-height: 1.5em;
@ -2216,7 +2216,7 @@ Usage (In Ghost editor):
} }
.kg-bookmark-title { .kg-bookmark-title {
color: color(var(--midgrey) l(-30%)); color: color-mod(var(--midgrey) l(-30%));
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1.5em; line-height: 1.5em;
font-weight: 600; font-weight: 600;
@ -2232,7 +2232,7 @@ Usage (In Ghost editor):
overflow-y: hidden; overflow-y: hidden;
margin-top: 12px; margin-top: 12px;
max-height: 48px; max-height: 48px;
color: color(var(--midgrey) l(-10%)); color: color-mod(var(--midgrey) l(-10%));
font-size: 1.5rem; font-size: 1.5rem;
line-height: 1.5em; line-height: 1.5em;
font-weight: 400; font-weight: 400;
@ -2263,7 +2263,7 @@ Usage (In Ghost editor):
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
margin-top: 14px; margin-top: 14px;
color: color(var(--midgrey) l(-10%)); color: color-mod(var(--midgrey) l(-10%));
font-size: 1.5rem; font-size: 1.5rem;
font-weight: 400; font-weight: 400;
} }
@ -2521,7 +2521,7 @@ Usage (In Ghost editor):
.error-message { .error-message {
padding-bottom: 10vw; padding-bottom: 10vw;
border-bottom: 1px solid color(var(--lightgrey) l(+10%)); border-bottom: 1px solid color-mod(var(--lightgrey) l(+10%));
text-align: center; text-align: center;
} }
@ -2751,7 +2751,7 @@ Usage (In Ghost editor):
.subscribe-email:focus { .subscribe-email:focus {
outline: 0; outline: 0;
border-color: color(var(--lightgrey) l(-2%)); border-color: color-mod(var(--lightgrey) l(-2%));
} }
.subscribe-overlay button { .subscribe-overlay button {
@ -2766,10 +2766,10 @@ Usage (In Ghost editor):
font-weight: 400; font-weight: 400;
text-align: center; text-align: center;
background: linear-gradient( background: linear-gradient(
color(var(--blue) whiteness(+7%)), color-mod(var(--blue) whiteness(+7%)),
color(var(--blue) lightness(-7%) saturation(-10%)) 60%, color-mod(var(--blue) lightness(-7%) saturation(-10%)) 60%,
color(var(--blue) lightness(-7%) saturation(-10%)) 90%, color-mod(var(--blue) lightness(-7%) saturation(-10%)) 90%,
color(var(--blue) lightness(-4%) saturation(-10%)) color-mod(var(--blue) lightness(-4%) saturation(-10%))
); );
border-radius: 8px; border-radius: 8px;
@ -2778,7 +2778,7 @@ Usage (In Ghost editor):
.subscribe-overlay button:active, .subscribe-overlay button:active,
.subscribe-overlay button:focus { .subscribe-overlay button:focus {
background: color(var(--blue) lightness(-9%) saturation(-10%)); background: color-mod(var(--blue) lightness(-9%) saturation(-10%));
} }
.subscribe-overlay .loading .button-loader { .subscribe-overlay .loading .button-loader {
@ -2800,7 +2800,7 @@ Usage (In Ghost editor):
padding-top: 20px; padding-top: 20px;
padding-bottom: 60px; padding-bottom: 60px;
color: #fff; color: #fff;
background: color(var(--darkgrey) l(-5%)); background: color-mod(var(--darkgrey) l(-5%));
} }
.site-footer-content { .site-footer-content {
@ -2879,7 +2879,7 @@ Usage (In Ghost editor):
.post-card, .post-card,
.post-card:hover { .post-card:hover {
border-bottom-color: color(var(--darkmode) l(+8%)); border-bottom-color: color-mod(var(--darkmode) l(+8%));
} }
.author-profile-image { .author-profile-image {
@ -2903,12 +2903,12 @@ Usage (In Ghost editor):
} }
.post-card-excerpt { .post-card-excerpt {
color: color(var(--midgrey) l(+10%)); color: color-mod(var(--midgrey) l(+10%));
} }
.author-avatar, .author-avatar,
.static-avatar { .static-avatar {
border-color: color(var(--darkgrey) l(+2%)); border-color: color-mod(var(--darkgrey) l(+2%));
} }
.site-main, .site-main,
@ -2926,15 +2926,15 @@ Usage (In Ghost editor):
} }
.post-full-custom-excerpt { .post-full-custom-excerpt {
color: color(var(--midgrey) l(+10%)); color: color-mod(var(--midgrey) l(+10%));
} }
.post-full-image { .post-full-image {
background-color: color(var(--darkmode) l(+8%)); background-color: color-mod(var(--darkmode) l(+8%));
} }
.post-full-byline { .post-full-byline {
border-top-color: color(var(--darkmode) l(+15%)); border-top-color: color-mod(var(--darkmode) l(+15%));
} }
.post-full-byline-meta h4 a { .post-full-byline-meta h4 a {
@ -2946,12 +2946,12 @@ Usage (In Ghost editor):
} }
.author-list-item .author-card { .author-list-item .author-card {
background: color(var(--darkmode) l(+4%)); background: color-mod(var(--darkmode) l(+4%));
box-shadow: 0 12px 26px rgba(0,0,0,0.4); box-shadow: 0 12px 26px rgba(0,0,0,0.4);
} }
.author-list-item .author-card:before { .author-list-item .author-card:before {
border-top-color: color(var(--darkmode) l(+4%)); border-top-color: color-mod(var(--darkmode) l(+4%));
} }
.no-image .author-social-link a { .no-image .author-social-link a {
@ -2985,7 +2985,7 @@ Usage (In Ghost editor):
} }
hr { hr {
border-top-color: color(var(--darkmode) l(+8%)); border-top-color: color-mod(var(--darkmode) l(+8%));
} }
.post-full-content figcaption { .post-full-content figcaption {
@ -2993,21 +2993,21 @@ Usage (In Ghost editor):
} }
.post-full-content table td:first-child { .post-full-content table td:first-child {
background-image: linear-gradient(to right, var(--darkmode) 50%, color(var(--darkmode) a(0%)) 100%); background-image: linear-gradient(to right, var(--darkmode) 50%, color-mod(var(--darkmode) a(0%)) 100%);
} }
.post-full-content table td:last-child { .post-full-content table td:last-child {
background-image: linear-gradient(to left, var(--darkmode) 50%, color(var(--darkmode) a(0%)) 100%); background-image: linear-gradient(to left, var(--darkmode) 50%, color-mod(var(--darkmode) a(0%)) 100%);
} }
.post-full-content table th { .post-full-content table th {
color: rgba(255, 255, 255, 0.85); color: rgba(255, 255, 255, 0.85);
background-color: color(var(--darkmode) l(+8%)); background-color: color-mod(var(--darkmode) l(+8%));
} }
.post-full-content table th, .post-full-content table th,
.post-full-content table td { .post-full-content table td {
border: color(var(--darkmode) l(+8%)) 1px solid; border: color-mod(var(--darkmode) l(+8%)) 1px solid;
} }
.post-full-content .kg-bookmark-container, .post-full-content .kg-bookmark-container,
@ -3034,7 +3034,7 @@ Usage (In Ghost editor):
} }
.site-archive-header .no-image .site-header-content { .site-archive-header .no-image .site-header-content {
border-bottom-color: color(var(--darkmode) l(+15%)); border-bottom-color: color-mod(var(--darkmode) l(+15%));
} }
.site-header-content .author-profile-image { .site-header-content .author-profile-image {
@ -3043,7 +3043,7 @@ Usage (In Ghost editor):
.subscribe-form { .subscribe-form {
border: none; border: none;
background: linear-gradient(color(var(--darkmode) l(-6%)), color(var(--darkmode) l(-3%))); background: linear-gradient(color-mod(var(--darkmode) l(-6%)), color-mod(var(--darkmode) l(-3%)));
} }
.subscribe-form-title { .subscribe-form-title {
@ -3055,13 +3055,13 @@ Usage (In Ghost editor):
} }
.subscribe-email { .subscribe-email {
border-color: color(var(--darkmode) l(+6%)); border-color: color-mod(var(--darkmode) l(+6%));
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.9);
background: color(var(--darkmode) l(+3%)); background: color-mod(var(--darkmode) l(+3%));
} }
.subscribe-email:focus { .subscribe-email:focus {
border-color: color(var(--darkmode) l(+25%)); border-color: color-mod(var(--darkmode) l(+25%));
} }
.subscribe-form button { .subscribe-form button {
@ -3070,10 +3070,10 @@ Usage (In Ghost editor):
.subscribe-form .invalid .message-error, .subscribe-form .invalid .message-error,
.subscribe-form .error .message-error { .subscribe-form .error .message-error {
color: color(var(--red) l(+5%) s(-5%)); color: color-mod(var(--red) l(+5%) s(-5%));
} }
.subscribe-form .success .message-success { .subscribe-form .success .message-success {
color: color(var(--green) l(+5%) s(-5%)); color: color-mod(var(--green) l(+5%) s(-5%));
} }
} }

4
gulpfile.js
View file

@ -15,9 +15,8 @@ const fs = require('fs');
// postcss plugins // postcss plugins
const autoprefixer = require('autoprefixer'); const autoprefixer = require('autoprefixer');
const colorFunction = require('postcss-color-function'); const colorFunction = require('postcss-color-mod-function');
const cssnano = require('cssnano'); const cssnano = require('cssnano');
const customProperties = require('postcss-custom-properties');
const easyimport = require('postcss-easy-import'); const easyimport = require('postcss-easy-import');
const REPO = 'TryGhost/Casper'; const REPO = 'TryGhost/Casper';
@ -50,7 +49,6 @@ function css(done) {
src('assets/css/*.css', {sourcemaps: true}), src('assets/css/*.css', {sourcemaps: true}),
postcss([ postcss([
easyimport, easyimport,
customProperties({preserve: false}),
colorFunction(), colorFunction(),
autoprefixer(), autoprefixer(),
cssnano() cssnano()

3
package.json
View file

@ -58,8 +58,7 @@
"gulp-uglify": "3.0.2", "gulp-uglify": "3.0.2",
"gulp-zip": "5.0.2", "gulp-zip": "5.0.2",
"inquirer": "7.3.3", "inquirer": "7.3.3",
"postcss-color-function": "4.1.0", "postcss-color-mod-function": "3.0.3",
"postcss-custom-properties": "9.1.1",
"postcss-easy-import": "3.0.0", "postcss-easy-import": "3.0.0",
"pump": "3.0.0" "pump": "3.0.0"
}, },

129
yarn.lock
View file

@ -2,6 +2,11 @@
# yarn lockfile v1 # yarn lockfile v1
"@csstools/convert-colors@^1.4.0":
version "1.4.0"
resolved "https://registry.yarnpkg.com/@csstools/convert-colors/-/convert-colors-1.4.0.tgz#ad495dc41b12e75d588c6db8b9834f08fa131eb7"
integrity sha512-5a6wqoJV/xEdbRNKVo6I4hO3VjyDq//8q2f9I6PBAvMesJHFauXDorcNCsr9RzvsZnaWi5NYCcfyqP1QeFHFbw==
"@sentry/apm@5.20.0": "@sentry/apm@5.20.0":
version "5.20.0" version "5.20.0"
resolved "https://registry.yarnpkg.com/@sentry/apm/-/apm-5.20.0.tgz#14c1900ce83582c988c7620ab41d0d2d95956059" resolved "https://registry.yarnpkg.com/@sentry/apm/-/apm-5.20.0.tgz#14c1900ce83582c988c7620ab41d0d2d95956059"
@ -469,11 +474,6 @@ bach@^1.0.0:
async-settle "^1.0.0" async-settle "^1.0.0"
now-and-later "^2.0.0" now-and-later "^2.0.0"
balanced-match@0.1.0:
version "0.1.0"
resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-0.1.0.tgz#b504bd05869b39259dd0c5efc35d843176dccc4a"
integrity sha1-tQS9BYabOSWd0MXvw12EMXbczEo=
balanced-match@^1.0.0: balanced-match@^1.0.0:
version "1.0.0" version "1.0.0"
resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767" resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
@ -833,11 +833,6 @@ clone-stats@^1.0.0:
resolved "https://registry.yarnpkg.com/clone-stats/-/clone-stats-1.0.0.tgz#b3782dff8bb5474e18b9b6bf0fdfe782f8777680" resolved "https://registry.yarnpkg.com/clone-stats/-/clone-stats-1.0.0.tgz#b3782dff8bb5474e18b9b6bf0fdfe782f8777680"
integrity sha1-s3gt/4u1R04Yuba/D9/ngvh3doA= integrity sha1-s3gt/4u1R04Yuba/D9/ngvh3doA=
clone@^1.0.2:
version "1.0.4"
resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
integrity sha1-2jCcwmPfFZlMaIypAheco8fNfH4=
clone@^2.1.1: clone@^2.1.1:
version "2.1.2" version "2.1.2"
resolved "https://registry.yarnpkg.com/clone/-/clone-2.1.2.tgz#1b7f4b9f591f1e8f83670401600345a02887435f" resolved "https://registry.yarnpkg.com/clone/-/clone-2.1.2.tgz#1b7f4b9f591f1e8f83670401600345a02887435f"
@ -883,7 +878,7 @@ collection-visit@^1.0.0:
map-visit "^1.0.0" map-visit "^1.0.0"
object-visit "^1.0.0" object-visit "^1.0.0"
color-convert@^1.3.0, color-convert@^1.9.0, color-convert@^1.9.1: color-convert@^1.9.0, color-convert@^1.9.1:
version "1.9.3" version "1.9.3"
resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8" resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg== integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
@ -902,18 +897,11 @@ color-name@1.1.3:
resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25" resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU= integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
color-name@^1.0.0, color-name@^1.1.4, color-name@~1.1.4: color-name@^1.0.0, color-name@~1.1.4:
version "1.1.4" version "1.1.4"
resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2" resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA== integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
color-string@^0.3.0:
version "0.3.0"
resolved "https://registry.yarnpkg.com/color-string/-/color-string-0.3.0.tgz#27d46fb67025c5c2fa25993bfbf579e47841b991"
integrity sha1-J9RvtnAlxcL6JZk7+/V55HhBuZE=
dependencies:
color-name "^1.0.0"
color-string@^1.5.2: color-string@^1.5.2:
version "1.5.3" version "1.5.3"
resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.5.3.tgz#c9bbc5f01b58b5492f3d6857459cb6590ce204cc" resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.5.3.tgz#c9bbc5f01b58b5492f3d6857459cb6590ce204cc"
@ -927,15 +915,6 @@ color-support@^1.1.3:
resolved "https://registry.yarnpkg.com/color-support/-/color-support-1.1.3.tgz#93834379a1cc9a0c61f82f52f0d04322251bd5a2" resolved "https://registry.yarnpkg.com/color-support/-/color-support-1.1.3.tgz#93834379a1cc9a0c61f82f52f0d04322251bd5a2"
integrity sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg== integrity sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==
color@^0.11.0:
version "0.11.4"
resolved "https://registry.yarnpkg.com/color/-/color-0.11.4.tgz#6d7b5c74fb65e841cd48792ad1ed5e07b904d764"
integrity sha1-bXtcdPtl6EHNSHkq0e1eB7kE12Q=
dependencies:
clone "^1.0.2"
color-convert "^1.3.0"
color-string "^0.3.0"
color@^3.0.0: color@^3.0.0:
version "3.1.2" version "3.1.2"
resolved "https://registry.yarnpkg.com/color/-/color-3.1.2.tgz#68148e7f85d41ad7649c5fa8c8106f098d229e10" resolved "https://registry.yarnpkg.com/color/-/color-3.1.2.tgz#68148e7f85d41ad7649c5fa8c8106f098d229e10"
@ -1109,16 +1088,6 @@ cross-spawn@^6.0.0:
shebang-command "^1.2.0" shebang-command "^1.2.0"
which "^1.2.9" which "^1.2.9"
css-color-function@~1.3.3:
version "1.3.3"
resolved "https://registry.yarnpkg.com/css-color-function/-/css-color-function-1.3.3.tgz#8ed24c2c0205073339fafa004bc8c141fccb282e"
integrity sha1-jtJMLAIFBzM5+voAS8jBQfzLKC4=
dependencies:
balanced-match "0.1.0"
color "^0.11.0"
debug "^3.1.0"
rgb "~0.1.0"
css-color-names@0.0.4, css-color-names@^0.0.4: css-color-names@0.0.4, css-color-names@^0.0.4:
version "0.0.4" version "0.0.4"
resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0" resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0"
@ -1852,6 +1821,11 @@ flagged-respawn@^1.0.0:
resolved "https://registry.yarnpkg.com/flagged-respawn/-/flagged-respawn-1.0.1.tgz#e7de6f1279ddd9ca9aac8a5971d618606b3aab41" resolved "https://registry.yarnpkg.com/flagged-respawn/-/flagged-respawn-1.0.1.tgz#e7de6f1279ddd9ca9aac8a5971d618606b3aab41"
integrity sha512-lNaHNVymajmk0OJMBn8fVUAU1BtDeKIqKoVhk4xAALB57aALg6b4W0MfJ/cUE0g9YBXy5XhSlPIpYIJ7HaY/3Q== integrity sha512-lNaHNVymajmk0OJMBn8fVUAU1BtDeKIqKoVhk4xAALB57aALg6b4W0MfJ/cUE0g9YBXy5XhSlPIpYIJ7HaY/3Q==
flatten@^1.0.2:
version "1.0.3"
resolved "https://registry.yarnpkg.com/flatten/-/flatten-1.0.3.tgz#c1283ac9f27b368abc1e36d1ff7b04501a30356b"
integrity sha512-dVsPA/UwQ8+2uoFe5GHtiBMu48dWLTdsuEd7CKGlZlD78r1TTWBvDuFaFGKCo/ZfEr95Uk56vZoX86OsHkUeIg==
flush-write-stream@^1.0.2: flush-write-stream@^1.0.2:
version "1.1.1" version "1.1.1"
resolved "https://registry.yarnpkg.com/flush-write-stream/-/flush-write-stream-1.1.1.tgz#8dd7d873a1babc207d94ead0c2e0e44276ebf2e8" resolved "https://registry.yarnpkg.com/flush-write-stream/-/flush-write-stream-1.1.1.tgz#8dd7d873a1babc207d94ead0c2e0e44276ebf2e8"
@ -2495,11 +2469,6 @@ invert-kv@^1.0.0:
resolved "https://registry.yarnpkg.com/invert-kv/-/invert-kv-1.0.0.tgz#104a8e4aaca6d3d8cd157a8ef8bfab2d7a3ffdb6" resolved "https://registry.yarnpkg.com/invert-kv/-/invert-kv-1.0.0.tgz#104a8e4aaca6d3d8cd157a8ef8bfab2d7a3ffdb6"
integrity sha1-EEqOSqym09jNFXqO+L+rLXo//bY= integrity sha1-EEqOSqym09jNFXqO+L+rLXo//bY=
ip-regex@^4.1.0:
version "4.1.0"
resolved "https://registry.yarnpkg.com/ip-regex/-/ip-regex-4.1.0.tgz#5ad62f685a14edb421abebc2fff8db94df67b455"
integrity sha512-pKnZpbgCTfH/1NLIlOduP/V+WRXzC2MOz3Qo8xmxk8C5GudJLgK5QyLVXOSWy3ParAH7Eemurl3xjv/WXYFvMA==
ipaddr.js@1.9.1: ipaddr.js@1.9.1:
version "1.9.1" version "1.9.1"
resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3" resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3"
@ -2735,13 +2704,6 @@ is-unc-path@^1.0.0:
dependencies: dependencies:
unc-path-regex "^0.1.2" unc-path-regex "^0.1.2"
is-url-superb@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/is-url-superb/-/is-url-superb-3.0.0.tgz#b9a1da878a1ac73659047d1e6f4ef22c209d3e25"
integrity sha512-3faQP+wHCGDQT1qReM5zCPx2mxoal6DzbzquFlCYJLWyy4WPTved33ea2xFbX37z4NoriEwZGIYhFtx8RUB5wQ==
dependencies:
url-regex "^5.0.0"
is-utf8@^0.2.0, is-utf8@^0.2.1: is-utf8@^0.2.0, is-utf8@^0.2.1:
version "0.2.1" version "0.2.1"
resolved "https://registry.yarnpkg.com/is-utf8/-/is-utf8-0.2.1.tgz#4b0da1442104d1b336340e80797e865cf39f7d72" resolved "https://registry.yarnpkg.com/is-utf8/-/is-utf8-0.2.1.tgz#4b0da1442104d1b336340e80797e865cf39f7d72"
@ -3672,15 +3634,14 @@ postcss-calc@^7.0.1:
postcss-selector-parser "^6.0.2" postcss-selector-parser "^6.0.2"
postcss-value-parser "^4.0.2" postcss-value-parser "^4.0.2"
postcss-color-function@4.1.0: postcss-color-mod-function@3.0.3:
version "4.1.0" version "3.0.3"
resolved "https://registry.yarnpkg.com/postcss-color-function/-/postcss-color-function-4.1.0.tgz#b6f9355e07b12fcc5c34dab957834769b03d8f57" resolved "https://registry.yarnpkg.com/postcss-color-mod-function/-/postcss-color-mod-function-3.0.3.tgz#816ba145ac11cc3cb6baa905a75a49f903e4d31d"
integrity sha512-2/fuv6mP5Lt03XbRpVfMdGC8lRP1sykme+H1bR4ARyOmSMB8LPSjcL6EAI1iX6dqUF+jNEvKIVVXhan1w/oFDQ== integrity sha512-YP4VG+xufxaVtzV6ZmhEtc+/aTXH3d0JLpnYfxqTvwZPbJhWqp8bSY3nfNzNRFLgB4XSaBA82OE4VjOOKpCdVQ==
dependencies: dependencies:
css-color-function "~1.3.3" "@csstools/convert-colors" "^1.4.0"
postcss "^6.0.23" postcss "^7.0.2"
postcss-message-helpers "^2.0.0" postcss-values-parser "^2.0.0"
postcss-value-parser "^3.3.1"
postcss-colormin@^4.0.3: postcss-colormin@^4.0.3:
version "4.0.3" version "4.0.3"
@ -3701,14 +3662,6 @@ postcss-convert-values@^4.0.1:
postcss "^7.0.0" postcss "^7.0.0"
postcss-value-parser "^3.0.0" postcss-value-parser "^3.0.0"
postcss-custom-properties@9.1.1:
version "9.1.1"
resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-9.1.1.tgz#55822d70ff48004f6d307a338ba64a7fb0a4bfff"
integrity sha512-GVu+j7vwMTKUGhGXckYAFAAG5tTJUkSt8LuSyimtZdVVmdAEZYYqserkAgX8vwMhgGDPA4vJtWt7VgFxgiooDA==
dependencies:
postcss "^7.0.17"
postcss-values-parser "^3.0.5"
postcss-discard-comments@^4.0.2: postcss-discard-comments@^4.0.2:
version "4.0.2" version "4.0.2"
resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-4.0.2.tgz#1fbabd2c246bff6aaad7997b2b0918f4d7af4033" resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-4.0.2.tgz#1fbabd2c246bff6aaad7997b2b0918f4d7af4033"
@ -3792,11 +3745,6 @@ postcss-merge-rules@^4.0.3:
postcss-selector-parser "^3.0.0" postcss-selector-parser "^3.0.0"
vendors "^1.0.0" vendors "^1.0.0"
postcss-message-helpers@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/postcss-message-helpers/-/postcss-message-helpers-2.0.0.tgz#a4f2f4fab6e4fe002f0aed000478cdf52f9ba60e"
integrity sha1-pPL0+rbk/gAvCu0ABHjN9S+bpg4=
postcss-minify-font-values@^4.0.2: postcss-minify-font-values@^4.0.2:
version "4.0.2" version "4.0.2"
resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-4.0.2.tgz#cd4c344cce474343fac5d82206ab2cbcb8afd5a6" resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-4.0.2.tgz#cd4c344cce474343fac5d82206ab2cbcb8afd5a6"
@ -3984,7 +3932,7 @@ postcss-unique-selectors@^4.0.1:
postcss "^7.0.0" postcss "^7.0.0"
uniqs "^2.0.0" uniqs "^2.0.0"
postcss-value-parser@^3.0.0, postcss-value-parser@^3.2.3, postcss-value-parser@^3.3.1: postcss-value-parser@^3.0.0, postcss-value-parser@^3.2.3:
version "3.3.1" version "3.3.1"
resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281" resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281"
integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ== integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==
@ -3994,17 +3942,16 @@ postcss-value-parser@^4.0.2, postcss-value-parser@^4.1.0:
resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz#443f6a20ced6481a2bda4fa8532a6e55d789a2cb" resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz#443f6a20ced6481a2bda4fa8532a6e55d789a2cb"
integrity sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ== integrity sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==
postcss-values-parser@^3.0.5: postcss-values-parser@^2.0.0:
version "3.2.1" version "2.0.1"
resolved "https://registry.yarnpkg.com/postcss-values-parser/-/postcss-values-parser-3.2.1.tgz#55114607de6631338ba8728d3e9c15785adcc027" resolved "https://registry.yarnpkg.com/postcss-values-parser/-/postcss-values-parser-2.0.1.tgz#da8b472d901da1e205b47bdc98637b9e9e550e5f"
integrity sha512-SQ7/88VE9LhJh9gc27/hqnSU/aZaREVJcRVccXBmajgP2RkjdJzNyH/a9GCVMI5nsRhT0jC5HpUMwfkz81DVVg== integrity sha512-2tLuBsA6P4rYTNKCXYG/71C7j1pU6pK503suYOmn4xYrQIzW+opD+7FAFNuGSdZC/3Qfy334QbeMu7MEb8gOxg==
dependencies: dependencies:
color-name "^1.1.4" flatten "^1.0.2"
is-url-superb "^3.0.0" indexes-of "^1.0.1"
postcss "^7.0.5" uniq "^1.0.1"
url-regex "^5.0.0"
postcss@^6.0.1, postcss@^6.0.11, postcss@^6.0.23: postcss@^6.0.1, postcss@^6.0.11:
version "6.0.23" version "6.0.23"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324" resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324"
integrity sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag== integrity sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==
@ -4013,7 +3960,7 @@ postcss@^6.0.1, postcss@^6.0.11, postcss@^6.0.23:
source-map "^0.6.1" source-map "^0.6.1"
supports-color "^5.4.0" supports-color "^5.4.0"
postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.27, postcss@^7.0.32, postcss@^7.0.5: postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.2, postcss@^7.0.27, postcss@^7.0.32:
version "7.0.32" version "7.0.32"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.32.tgz#4310d6ee347053da3433db2be492883d62cec59d" resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.32.tgz#4310d6ee347053da3433db2be492883d62cec59d"
integrity sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw== integrity sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==
@ -4377,11 +4324,6 @@ rgb-regex@^1.0.1:
resolved "https://registry.yarnpkg.com/rgb-regex/-/rgb-regex-1.0.1.tgz#c0e0d6882df0e23be254a475e8edd41915feaeb1" resolved "https://registry.yarnpkg.com/rgb-regex/-/rgb-regex-1.0.1.tgz#c0e0d6882df0e23be254a475e8edd41915feaeb1"
integrity sha1-wODWiC3w4jviVKR16O3UGRX+rrE= integrity sha1-wODWiC3w4jviVKR16O3UGRX+rrE=
rgb@~0.1.0:
version "0.1.0"
resolved "https://registry.yarnpkg.com/rgb/-/rgb-0.1.0.tgz#be27b291e8feffeac1bd99729721bfa40fc037b5"
integrity sha1-vieykej+/+rBvZlylyG/pA/AN7U=
rgba-regex@^1.0.0: rgba-regex@^1.0.0:
version "1.0.0" version "1.0.0"
resolved "https://registry.yarnpkg.com/rgba-regex/-/rgba-regex-1.0.0.tgz#43374e2e2ca0968b0ef1523460b7d730ff22eeb3" resolved "https://registry.yarnpkg.com/rgba-regex/-/rgba-regex-1.0.0.tgz#43374e2e2ca0968b0ef1523460b7d730ff22eeb3"
@ -4908,11 +4850,6 @@ tiny-lr@^1.1.1:
object-assign "^4.1.0" object-assign "^4.1.0"
qs "^6.4.0" qs "^6.4.0"
tlds@^1.203.0:
version "1.207.0"
resolved "https://registry.yarnpkg.com/tlds/-/tlds-1.207.0.tgz#459264e644cf63ddc0965fece3898913286b1afd"
integrity sha512-k7d7Q1LqjtAvhtEOs3yN14EabsNO8ZCoY6RESSJDB9lst3bTx3as/m1UuAeCKzYxiyhR1qq72ZPhpSf+qlqiwg==
tmp@^0.0.33: tmp@^0.0.33:
version "0.0.33" version "0.0.33"
resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9" resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
@ -5121,14 +5058,6 @@ urix@^0.1.0:
resolved "https://registry.yarnpkg.com/urix/-/urix-0.1.0.tgz#da937f7a62e21fec1fd18d49b35c2935067a6c72" resolved "https://registry.yarnpkg.com/urix/-/urix-0.1.0.tgz#da937f7a62e21fec1fd18d49b35c2935067a6c72"
integrity sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI= integrity sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=
url-regex@^5.0.0:
version "5.0.0"
resolved "https://registry.yarnpkg.com/url-regex/-/url-regex-5.0.0.tgz#8f5456ab83d898d18b2f91753a702649b873273a"
integrity sha512-O08GjTiAFNsSlrUWfqF1jH0H1W3m35ZyadHrGv5krdnmPPoxP27oDTqux/579PtaroiSGm5yma6KT1mHFH6Y/g==
dependencies:
ip-regex "^4.1.0"
tlds "^1.203.0"
use@^3.1.0: use@^3.1.0:
version "3.1.1" version "3.1.1"
resolved "https://registry.yarnpkg.com/use/-/use-3.1.1.tgz#d50c8cac79a19fbc20f2911f56eb973f4e10070f" resolved "https://registry.yarnpkg.com/use/-/use-3.1.1.tgz#d50c8cac79a19fbc20f2911f56eb973f4e10070f"