[ci] yarn format

This commit is contained in:
FredKSchott 2021-08-25 18:52:22 +00:00 committed by GitHub Actions
parent affcd04f0f
commit 3c8698fb60
2 changed files with 145 additions and 142 deletions

View file

@ -1,95 +1,99 @@
:root { :root {
--font-sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; --font-sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
--font-mono: 'IBM Plex Mono', Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; --font-mono: 'IBM Plex Mono', Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono',
--color-green: #17c083; 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace;
--color-green: #17c083;
} }
* { * {
box-sizing: border-box; box-sizing: border-box;
margin: 0; margin: 0;
} }
html { html {
display: grid; display: grid;
width: 100%; width: 100%;
max-width: 100vw; max-width: 100vw;
overflow: hidden; overflow: hidden;
height: 100%; height: 100%;
background-color: #000014; background-color: #000014;
} }
html, html,
body { body {
padding: 0; padding: 0;
font-size: clamp(14px, calc(1rem + (3vw - 1.2rem)), 20px); font-size: clamp(14px, calc(1rem + (3vw - 1.2rem)), 20px);
font-family: var(--font-sans); font-family: var(--font-sans);
font-weight: 400; font-weight: 400;
background-image: radial-gradient(87.7% 87.7% at 85.6% 18.14%, #111827 0%, #000014 100%); background-image: radial-gradient(87.7% 87.7% at 85.6% 18.14%, #111827 0%, #000014 100%);
background-repeat: no-repeat; background-repeat: no-repeat;
color: #f3f4f6; color: #f3f4f6;
} }
body { body {
position: relative; position: relative;
display: grid; display: grid;
place-items: center; place-items: center;
min-width: 100%; min-width: 100%;
max-width: 100vw; max-width: 100vw;
min-height: 100vh; min-height: 100vh;
overflow-x: hidden; overflow-x: hidden;
} }
.visually-hidden { .visually-hidden {
clip: rect(0 0 0 0); clip: rect(0 0 0 0);
clip-path: inset(50%); clip-path: inset(50%);
height: 1px; height: 1px;
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
white-space: nowrap; white-space: nowrap;
width: 1px; width: 1px;
} }
a { a {
position: relative; position: relative;
text-decoration: none; text-decoration: none;
color: var(--color-green); color: var(--color-green);
padding: 0.05em 0.125em; padding: 0.05em 0.125em;
margin: -0.05em -0.125em; margin: -0.05em -0.125em;
transition: color 120ms cubic-bezier(0.23, 1, 0.32, 1); transition: color 120ms cubic-bezier(0.23, 1, 0.32, 1);
z-index: 0; z-index: 0;
display: inline-block; display: inline-block;
} }
a:hover, a:focus { a:hover,
color: black; a:focus {
color: black;
} }
a:hover::before, a:focus::before { a:hover::before,
transform: scaleY(1); a:focus::before {
background: var(--color-green); transform: scaleY(1);
background: var(--color-green);
} }
a:visited { a:visited {
color: var(--color-green); color: var(--color-green);
} }
a:visited:hover, a:visited:focus { a:visited:hover,
color: black; a:visited:focus {
color: black;
} }
a::before { a::before {
transform-origin: bottom center; transform-origin: bottom center;
content: ''; content: '';
display: block; display: block;
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
inset: 0; inset: 0;
background: var(--color-green); background: var(--color-green);
pointer-events: none; pointer-events: none;
transform: scaleY(0.05); transform: scaleY(0.05);
transition: transform 120ms cubic-bezier(0.23, 1, 0.32, 1), background 120ms cubic-bezier(0.23, 1, 0.32, 1); transition: transform 120ms cubic-bezier(0.23, 1, 0.32, 1), background 120ms cubic-bezier(0.23, 1, 0.32, 1);
z-index: -1; z-index: -1;
} }

View file

@ -1,69 +1,69 @@
pre, pre,
code { code {
color: #d4d4d4; color: #d4d4d4;
font-size: 14px; font-size: 14px;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
line-height: 1.5; line-height: 1.5;
direction: ltr; direction: ltr;
white-space: pre; white-space: pre;
text-align: left; text-align: left;
text-shadow: none; text-shadow: none;
word-break: normal; word-break: normal;
word-spacing: normal; word-spacing: normal;
-moz-tab-size: 4; -moz-tab-size: 4;
-o-tab-size: 4; -o-tab-size: 4;
tab-size: 4; tab-size: 4;
-webkit-hyphens: none; -webkit-hyphens: none;
-moz-hyphens: none; -moz-hyphens: none;
-ms-hyphens: none; -ms-hyphens: none;
hyphens: none; hyphens: none;
} }
pre::selection, pre::selection,
code::selection { code::selection {
text-shadow: none; text-shadow: none;
background: #b3d4fc; background: #b3d4fc;
} }
@media print { @media print {
pre, pre,
code { code {
text-shadow: none; text-shadow: none;
} }
} }
pre { pre {
margin: 0.5rem 0 16px; margin: 0.5rem 0 16px;
padding: 0.8rem 1rem 0.9rem; padding: 0.8rem 1rem 0.9rem;
overflow: auto; overflow: auto;
background: #282a36; background: #282a36;
border-radius: 4px; border-radius: 4px;
} }
:not(pre) > code { :not(pre) > code {
padding: 0.1em 0.3em; padding: 0.1em 0.3em;
color: #db4c69; color: #db4c69;
background: #f9f2f4; background: #f9f2f4;
border-radius: 0.3em; border-radius: 0.3em;
white-space: pre-wrap; white-space: pre-wrap;
} }
/********************************************************* /*********************************************************
* Tokens * Tokens
*/ */
.namespace { .namespace {
opacity: 0.7; opacity: 0.7;
} }
.token.comment, .token.comment,
.token.prolog, .token.prolog,
.token.doctype, .token.doctype,
.token.cdata { .token.cdata {
color: #6a9955; color: #6a9955;
} }
.token.punctuation { .token.punctuation {
color: #d4d4d4; color: #d4d4d4;
} }
.token.property, .token.property,
@ -73,7 +73,7 @@ pre {
.token.constant, .token.constant,
.token.symbol, .token.symbol,
.token.deleted { .token.deleted {
color: #b5cea8; color: #b5cea8;
} }
.token.selector, .token.selector,
@ -82,7 +82,7 @@ pre {
.token.char, .token.char,
.token.builtin, .token.builtin,
.token.inserted { .token.inserted {
color: #ce9178; color: #ce9178;
} }
.token.operator, .token.operator,
@ -90,86 +90,86 @@ pre {
.token.url, .token.url,
.language-css .token.string, .language-css .token.string,
.style .token.string { .style .token.string {
color: #d4d4d4; color: #d4d4d4;
background: #2d3748; background: #2d3748;
} }
.token.atrule, .token.atrule,
.token.attr-value, .token.attr-value,
.token.keyword { .token.keyword {
color: #c586c0; color: #c586c0;
} }
.token.function { .token.function {
color: #dcdcaa; color: #dcdcaa;
} }
.token.regex, .token.regex,
.token.important, .token.important,
.token.variable { .token.variable {
color: #d16969; color: #d16969;
} }
.token.important, .token.important,
.token.bold { .token.bold {
font-weight: bold; font-weight: bold;
} }
.token.italic { .token.italic {
font-style: italic; font-style: italic;
} }
.token.constant { .token.constant {
color: #9cdcfe; color: #9cdcfe;
} }
.token.class-name { .token.class-name {
color: #4ec9b0; color: #4ec9b0;
} }
.token.parameter { .token.parameter {
color: #9cdcfe; color: #9cdcfe;
} }
.token.interpolation { .token.interpolation {
color: #9cdcfe; color: #9cdcfe;
} }
.token.punctuation.interpolation-punctuation { .token.punctuation.interpolation-punctuation {
color: #569cd6; color: #569cd6;
} }
.token.boolean { .token.boolean {
color: #569cd6; color: #569cd6;
} }
.token.property { .token.property {
color: #9cdcfe; color: #9cdcfe;
} }
.token.selector { .token.selector {
color: #d7ba7d; color: #d7ba7d;
} }
.token.tag { .token.tag {
color: #569cd6; color: #569cd6;
} }
.token.attr-name { .token.attr-name {
color: #9cdcfe; color: #9cdcfe;
} }
.token.attr-value { .token.attr-value {
color: #ce9178; color: #ce9178;
} }
.token.entity { .token.entity {
color: #4ec9b0; color: #4ec9b0;
cursor: unset; cursor: unset;
} }
.token.namespace { .token.namespace {
color: #4ec9b0; color: #4ec9b0;
} }
/********************************************************* /*********************************************************
@ -177,59 +177,58 @@ pre {
*/ */
pre[class*='language-javascript'], pre[class*='language-javascript'],
code[class*='language-javascript'] { code[class*='language-javascript'] {
color: #4ec9b0; color: #4ec9b0;
} }
pre[class*='language-css'], pre[class*='language-css'],
code[class*='language-css'] { code[class*='language-css'] {
color: #ce9178; color: #ce9178;
} }
pre[class*='language-html'], pre[class*='language-html'],
code[class*='language-html'] { code[class*='language-html'] {
color: #d4d4d4; color: #d4d4d4;
} }
.language-html .token.punctuation { .language-html .token.punctuation {
color: #808080; color: #808080;
} }
/********************************************************* /*********************************************************
* Line highlighting * Line highlighting
*/ */
pre[data-line] { pre[data-line] {
position: relative; position: relative;
} }
pre > code { pre > code {
position: relative; position: relative;
z-index: 1; z-index: 1;
} }
.line-highlight { .line-highlight {
position: absolute; position: absolute;
right: 0; right: 0;
left: 0; left: 0;
z-index: 0; z-index: 0;
margin-top: 1em; margin-top: 1em;
padding: inherit 0; padding: inherit 0;
line-height: inherit; line-height: inherit;
white-space: pre; white-space: pre;
background: #f7ebc6; background: #f7ebc6;
box-shadow: inset 5px 0 0 #f7d87c; box-shadow: inset 5px 0 0 #f7d87c;
pointer-events: none; pointer-events: none;
} }
pre[class*='language-bash'] .token.function { pre[class*='language-bash'] .token.function {
color: #d4d4d4; color: #d4d4d4;
} }
.token.comment { .token.comment {
color: #fff7; color: #fff7;
} }
body { body {
max-width: 900px; max-width: 900px;
margin: auto; margin: auto;
} }