init

1 files changed, 103 insertions, 0 deletions

diff --git a/static/base.css b/static/base.css
new file mode 100644
index 0000000..c0b1b8a
--- /dev/null
+++ b/static/base.css
@@ -0,0 +1,103 @@
+html {
+	box-sizing: border-box;
+	--bg: oklch(0.99 0 0);
+	--fg: oklch(0 0 0);
+	--link-fg: oklch(0.428 0.088 249.2);
+	--text-decoration-color: oklch(0.85 0 0);
+	color: var(--fg);
+	background-color: var(--bg);
+	font-family: ui-sans-serif, system-ui, sans-serif;
+}
+*, *::before, *::after {
+	box-sizing: inherit;
+}
+
+body {
+	padding: 8px;
+	margin: 0 auto;
+	max-width: 100ch;
+}
+
+@media (prefers-color-scheme: dark) {
+	html {
+		--bg: oklch(0.239 0.004 264.5);
+		--fg: oklch(0.952 0.003 264.5);
+		--link-fg: oklch(0.71 0.127 248.6);
+		--text-decoration-color: oklch(0.42 0 0);
+	}
+}
+
+pre, code {
+	font-size: inherit;
+	line-height: inherit;
+	font-family: ui-monospace, monospace;
+}
+
+a:link {
+	text-decoration-color: var(--text-decoration-color);
+	text-decoration-thickness: 1.89px;
+	color: var(--link-fg);
+}
+
+a:visited {
+	text-decoration-color: var(--text-decoration-color);
+	color: var(--link-fg);
+}
+
+dl {
+	display: grid;
+	grid-template-columns: max-content 1fr;
+	column-gap: 1rem;
+	row-gap: 0.5rem;
+	dt {
+		font-weight: 700;
+		text-align: right;
+	}
+	dd {
+		margin: 0;
+	}
+}
+
+nav.breadcrumbs {
+	ul {
+		padding: 0;
+		margin: 0;
+		list-style: none;
+		display: flex;
+		gap: 0.5rem;
+		li {
+			display: inline-flex;
+			align-items: center;
+		}
+		li + li::before {
+			content: "»";
+			padding-right: 0.5rem;
+		}
+		li:nth-child(2)::before {
+			content: "::";
+			padding-right: 0.5rem;
+		}
+	}
+}
+
+pre {
+	overflow-x: auto;
+}
+
+img {
+	max-width: 100%;
+	height: auto;
+}
+
+.scrollable {
+	overflow-x: auto;
+}
+
+table, th, td {
+	border-bottom: 1px solid contrast-color(var(--bg));
+	border-collapse: collapse;
+	padding: 1ex;
+}
+table {
+	min-width: 100%;
+}