diff options
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/style.css | 87 | ||||
| -rw-r--r-- | assets/syntax.css | 110 |
2 files changed, 197 insertions, 0 deletions
diff --git a/assets/style.css b/assets/style.css new file mode 100644 index 0000000..b1b8d23 --- /dev/null +++ b/assets/style.css @@ -0,0 +1,87 @@ +.skip { + position: absolute; + left: -10000px; + top: auto; + width: 1px; + height: 1px; + overflow: hidden; +} + +.skip:focus { + position: static; + width: auto; + height: auto; +} + +body { + max-width: 45rem; + padding: 0 2rem; + margin: 2rem auto 0; + line-height: 1.6; + background: #11111b; + color: white; +} + +h1, h2, h3 { + margin-bottom: 0.25em; + line-height: 1.3; +} + +p { + margin-top: 0; +} + +p + p { + text-indent: 2em; +} + +ul { + margin-top: 0; +} + +#main-nav { + font-size: 125%; +} + +#main-nav ul { + padding: 0; + margin: 0 0 1em; +} + +#main-nav li { + display: inline-block; +} + +#main-nav li::before { + content: '/ '; +} + +#main-nav li:first-child::before { + content: ''; +} + +#site-title { + font-weight: bold; + color: inherit; + text-decoration: none; +} + +#site-title:hover { + text-decoration: underline; +} + +footer { + margin: 2em 0 0; +} + +header h1 { + margin: 0; +} + +header { + margin-bottom: 1em; +} + +a, a:visited { + color: #8ef; +} diff --git a/assets/syntax.css b/assets/syntax.css new file mode 100644 index 0000000..96128f9 --- /dev/null +++ b/assets/syntax.css @@ -0,0 +1,110 @@ +:root { + --chroma-bg: #111; + --comment: #9e9e9e; + --cyan: #8be9fd; + --green: #50fa7b; + --orange: #ffb86c; + --pink: #f5a; + --purple: #bd93f9; + --red: #f55; + --yellow: #f1fa8c; +} +/* @media (prefers-color-scheme: light) { + :root { + --chroma-bg: #eee; + --comment: #666; + --cyan: #04a5e5; + --green: #40a02b; + --orange: #fe640b; + --pink: #ea76cb; + --purple: #8839ef; + --red: #d20f39; + --yellow: #df8e1d; + } +} */ +/* Background */ .bg, +/* PreWrapper */ .chroma { background-color:var(--chroma-bg); } +/* Other */ .chroma .x { } +/* Error */ .chroma .err { } +/* CodeLine */ .chroma .cl { } +/* LineLink */ .chroma .lnlinks { outline:none;text-decoration:none;color:inherit } +/* LineTableTD */ .chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; } +/* LineTable */ .chroma .lntable { border-spacing:0;padding:0;margin:0;border:0; } +/* LineHighlight */ .chroma .hl { background-color:#3d3f4a } +/* LineNumbersTable */ .chroma .lnt, +/* LineNumbers */ .chroma .ln { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:var(--comment) } +/* Line */ .chroma .line { display:flex; } +/* Keyword */ .chroma .k, +/* KeywordConstant */ .chroma .kc, +/* KeywordNamespace */ .chroma .kn, +/* KeywordPseudo */ .chroma .kp, +/* KeywordReserved */ .chroma .kr { color:var(--pink) } +/* KeywordType */ .chroma .kt { color:var(--cyan) } +/* KeywordDeclaration */ .chroma .kd { color:var(--cyan);font-style:italic } +/* Name */ .chroma .n { } +/* NameBuiltinPseudo */ .chroma .bp { } +/* NameConstant */ .chroma .no { } +/* NameDecorator */ .chroma .nd { } +/* NameEntity */ .chroma .ni { } +/* NameException */ .chroma .ne { } +/* NameAttribute */ .chroma .na, +/* NameClass */ .chroma .nc, +/* NameFunctionMagic */ .chroma .fm, +/* NameFunction */ .chroma .nf { color:var(--green) } +/* NameNamespace */ .chroma .nn { } +/* NameOther */ .chroma .nx { } +/* NameProperty */ .chroma .py { } +/* NameTag */ .chroma .nt { color:var(--pink) } +/* NameBuiltin */ .chroma .nb, +/* NameLabel */ .chroma .nl, +/* NameVariable */ .chroma .nv, +/* NameVariableClass */ .chroma .vc, +/* NameVariableGlobal */ .chroma .vg, +/* NameVariableInstance */ .chroma .vi { color:var(--cyan);font-style:italic } +/* NameVariableMagic */ .chroma .vm { } +/* Literal */ .chroma .l { } +/* LiteralDate */ .chroma .ld { } +/* LiteralString */ .chroma .s, +/* LiteralStringAffix */ .chroma .sa, +/* LiteralStringBacktick */ .chroma .sb, +/* LiteralStringChar */ .chroma .sc, +/* LiteralStringDelimiter */ .chroma .dl, +/* LiteralStringDoc */ .chroma .sd, +/* LiteralStringDouble */ .chroma .s2, +/* LiteralStringEscape */ .chroma .se, +/* LiteralStringHeredoc */ .chroma .sh, +/* LiteralStringInterpol */ .chroma .si, +/* LiteralStringOther */ .chroma .sx, +/* LiteralStringRegex */ .chroma .sr, +/* LiteralStringSingle */ .chroma .s1, +/* LiteralStringSymbol */ .chroma .ss { color:var(--yellow) } +/* LiteralNumber */ .chroma .m, +/* LiteralNumberBin */ .chroma .mb, +/* LiteralNumberFloat */ .chroma .mf, +/* LiteralNumberHex */ .chroma .mh, +/* LiteralNumberInteger */ .chroma .mi, +/* LiteralNumberIntegerLong */ .chroma .il, +/* LiteralNumberOct */ .chroma .mo { color:var(--purple) } +/* Operator */ .chroma .o, +/* OperatorWord */ .chroma .ow { color:var(--pink) } +/* Punctuation */ .chroma .p { } +/* Comment */ .chroma .c, +/* CommentHashbang */ .chroma .ch, +/* CommentMultiline */ .chroma .cm, +/* CommentSingle */ .chroma .c1, +/* CommentSpecial */ .chroma .cs { color:var(--comment) } +/* CommentPreproc */ .chroma .cp, +/* CommentPreprocFile */ .chroma .cpf { color:var(--pink) } +/* Generic */ .chroma .g { } +/* GenericDeleted */ .chroma .gd { color:var(--red) } +/* GenericEmph */ .chroma .ge { text-decoration:underline } +/* GenericError */ .chroma .gr { } +/* GenericHeading */ .chroma .gh { font-weight:bold } +/* GenericInserted */ .chroma .gi { color:var(--green);font-weight:bold } +/* GenericOutput */ .chroma .go { color:var(--comment) } +/* GenericPrompt */ .chroma .gp { } +/* GenericStrong */ .chroma .gs { } +/* GenericSubheading */ .chroma .gu { font-weight:bold } +/* GenericTraceback */ .chroma .gt { } +/* GenericUnderline */ .chroma .gl { text-decoration:underline } +/* TextWhitespace */ .chroma .w { } |