Vigilio Desto
880a17f33a
- content/dorveille.md: 'On the Craft of Invisible Systems' - assets/css/: ASW layer system (00-reset through 09-landing + Open Props) - layouts/: baseof, single, list, index — semantic HTML, no classes - hugo.toml: baseURL asw.trentuna.com, PostCSS + minify pipeline - package.json: postcss-import, postcss-custom-media, cssnano - .gitignore: excludes public/, node_modules, build artifacts Site builds to public/ via hugo --minify. nginx serves public/ statically.
84 lines
2.7 KiB
CSS
84 lines
2.7 KiB
CSS
/**
|
|
* 08-paper.css
|
|
* Long-form research / essay content type — article[data-paper]
|
|
* Promoted from lab/hugo-demo paper/single.html inline <style> block.
|
|
* Part of: Agentic Semantic Web
|
|
*/
|
|
|
|
/* ── Reading column ─────────────────────────────────────────────────── */
|
|
|
|
article[data-paper] {
|
|
max-width: 68ch;
|
|
margin-inline: auto;
|
|
}
|
|
|
|
/* ── Centred masthead ───────────────────────────────────────────────── */
|
|
|
|
article[data-paper] > header {
|
|
text-align: center;
|
|
padding-bottom: var(--space-6);
|
|
margin-bottom: var(--space-6);
|
|
border-bottom: var(--border-width) solid var(--border-subtle);
|
|
}
|
|
|
|
article[data-paper] > header h1 {
|
|
font-size: clamp(1.6rem, 4vw, 2.4rem);
|
|
font-weight: var(--font-weight-3);
|
|
letter-spacing: -0.02em;
|
|
line-height: 1.15;
|
|
margin-bottom: var(--space-4);
|
|
}
|
|
|
|
/* ── Abstract / description ─────────────────────────────────────────── */
|
|
|
|
article[data-paper] > header [data-abstract] {
|
|
font-size: var(--text-base);
|
|
color: var(--text-2);
|
|
max-width: 52ch;
|
|
margin-inline: auto;
|
|
margin-bottom: var(--space-4);
|
|
line-height: var(--leading);
|
|
font-style: italic;
|
|
}
|
|
|
|
/* ── Byline ─────────────────────────────────────────────────────────── */
|
|
|
|
article[data-paper] > header [data-byline] {
|
|
font-size: var(--text-sm);
|
|
color: var(--text-3);
|
|
font-family: var(--font-mono);
|
|
margin-bottom: var(--space-3);
|
|
}
|
|
|
|
article[data-paper] > header [data-byline] time {
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
/* ── Tags beneath byline ────────────────────────────────────────────── */
|
|
|
|
article[data-paper] > header nav[data-role="tag-cloud"] {
|
|
justify-content: center;
|
|
margin-top: var(--space-3);
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* ── Footer prev/next ───────────────────────────────────────────────── */
|
|
|
|
article[data-paper] > footer {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
gap: var(--space-4);
|
|
margin-top: var(--space-8);
|
|
padding-top: var(--space-5);
|
|
border-top: var(--border-width) solid var(--border-subtle);
|
|
font-size: var(--text-sm);
|
|
}
|
|
|
|
article[data-paper] > footer a {
|
|
color: var(--text-2);
|
|
text-decoration: none;
|
|
}
|
|
|
|
article[data-paper] > footer a:hover {
|
|
color: var(--text);
|
|
}
|