dckc
fd7fd5728d
- issues collection (ISO-week slug, week, dek, rich-text body); home, /issues, and /issues/<week> pages; seed/issues.json holds three sketched issues (W38-W40) from public diigo bookmarks, editorial lines marked (draft); issues-sketch.md is the dry run behind them - microformats: h-feed of h-entry lists; an issue is an h-entry (p-name, dt-published, p-summary, e-content); off-site links render as h-cite, /tag/<tag> links as rel-tag p-category (CiteLink.astro) - diigo tags: shown on each bookmark and attached to issues via the tag taxonomy (now posts + issues); /tag/<tag> lists issues - demo blog content gone: posts dropped from the seed, home page lists issues, site title/tagline, footer About widget, and About page rewritten; nav is Home / About / Issues; search and RSS cover issues - .column container gives potluck's pages the header's margins Generated-by: Claude Opus 5.5
72 lines
2.0 KiB
CSS
72 lines
2.0 KiB
CSS
/*
|
|
theme.css -- your theme overrides. This is the file to edit to
|
|
retheme the site.
|
|
|
|
Every design token lives in src/styles/tokens.css (colors, type
|
|
scale, spacing, layout, shadows) with its default value. Override any
|
|
of them here: declarations in this file are unlayered, so they always
|
|
beat the @layer base defaults in tokens.css.
|
|
|
|
Colors are defined with light-dark(). Overriding with a plain color
|
|
changes light and dark mode at once; use light-dark(<light>, <dark>)
|
|
to set different values per mode.
|
|
|
|
potluck's look: plain HTML with a few bureaucratic gestures, after
|
|
https://www.kmjn.org/notes/modern_plain_html.html and its stylesheet
|
|
(https://www.kmjn.org/notes/style.css) -- system fonts (no webfonts;
|
|
astro.config.mjs loads none), one ~800px column, black links with a
|
|
dotted underline, no rounding, shadows, or tracking.
|
|
*/
|
|
|
|
:root {
|
|
--font-body: verdana, sans-serif;
|
|
--font-mono: monospace;
|
|
|
|
--color-brand: var(--color-text);
|
|
--color-brand-hover: var(--color-text);
|
|
--color-on-brand: var(--color-bg);
|
|
|
|
--font-weight-heading: bold;
|
|
--font-weight-display: bold;
|
|
--tracking-tight: normal;
|
|
--tracking-snug: normal;
|
|
--leading-normal: 1.35;
|
|
--leading-relaxed: 1.35;
|
|
|
|
--content-width: 800px;
|
|
--wide-width: 800px;
|
|
|
|
--radius: 0;
|
|
--radius-lg: 0;
|
|
--shadow-sm: none;
|
|
--shadow-lg: none;
|
|
}
|
|
|
|
body {
|
|
-webkit-font-smoothing: auto;
|
|
-moz-osx-font-smoothing: auto;
|
|
}
|
|
|
|
a:where(:not([class*="emdash"]):not([class*="ec-"])) {
|
|
color: inherit;
|
|
border-bottom: 1px dotted;
|
|
overflow-wrap: break-word;
|
|
}
|
|
|
|
a:where(:not([class*="emdash"]):not([class*="ec-"])):hover {
|
|
border-bottom-style: solid;
|
|
}
|
|
|
|
/* potluck's own pages: one column, aligned with the header's nav (same
|
|
width and side padding as the template's page containers). */
|
|
.column {
|
|
max-width: var(--wide-width);
|
|
margin-inline: auto;
|
|
padding: var(--spacing-6) var(--spacing-6) var(--spacing-16);
|
|
}
|
|
|
|
/* Keep the signed-in Admin link separated from the primary navigation. */
|
|
.nav-admin {
|
|
margin-inline-start: var(--spacing-5);
|
|
}
|