sfja/karlkoder-playground
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

less ugly docs

Browse Source
This commit is contained in:
Theis Pieter Hollebeek 2025-10-13 15:09:08 +02:00
parent 0c2143dea4
commit a1b6fee54e
2 changed files with 25 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
docs/static/headers.js vendored
View File

@ -61,7 +61,6 @@ function groupHeadersInDiv(headerTag) {
} }
function slugify(elements) { function slugify(elements) {
console.log(elements);
return elements return elements
.map((element, i) => { .map((element, i) => {
if (i === 0) return null; if (i === 0) return null;

40
docs/static/style.css vendored
View File

@ -1,17 +1,32 @@
*, ::before, *::after { :root {
--clr-text: #ebdbb2;
--clr-brand: #fabd2f;
--clr-bg-0: #282828;
--clr-bg-1: #1d2021;
color-scheme: dark;
}
*,
*::before,
*::after {
box-sizing: border-box; box-sizing: border-box;
} }
:root { *:focus-visible {
color-scheme: dark; outline: 2px solid var(--clr-brand);
}
::selection {
background-color: var(--clr-text);
color: var(--clr-bg-0);
} }
body { body {
font-family: system-ui; font-family: system-ui;
color: white; background-color: var(--clr-bg-0);
background-color: #141414; color: var(--clr-text);
padding: 1rem; padding: 1rem;
max-width: 90%; max-width: 1000px;
margin: 0 auto; margin: 0 auto;
} }
@ -33,15 +48,11 @@ h4 {
a { a {
font-weight: bold; font-weight: bold;
color: white; color: inherit;
} text-decoration-color: var(--clr-brand);
a:has(code) {
color: #d5c4a1;
} }
p code { p code {
color: #d5c4a1;
background-color: #1d2021; background-color: #1d2021;
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
border-radius: 0.5rem; border-radius: 0.5rem;
@ -54,7 +65,6 @@ pre code {
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
color: black;
isolation: isolate; isolation: isolate;
position: relative; position: relative;
max-width: max-content; max-width: max-content;
@ -64,10 +74,10 @@ h1, h2, h3, h4, h5, h6 {
top: -0.25em; top: -0.25em;
bottom: -0.25em; bottom: -0.25em;
right: -1em; right: -1em;
left: -999rem; left: -10rem;
z-index: -1; z-index: -1;
border-radius: 0.5rem; border-radius: 0.5rem;
background-color: #ccc; background: linear-gradient(to left, var(--clr-bg-1) 75%, transparent);
} }
} }