- 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.
58 lines
1.1 KiB
CSS
58 lines
1.1 KiB
CSS
/**
|
|
* 00-reset.css
|
|
* CSS reset and normalization
|
|
* Ported from: Pico CSS v2.1.1
|
|
*/
|
|
|
|
/* Box-sizing reset */
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
::before,
|
|
::after {
|
|
text-decoration: inherit;
|
|
vertical-align: inherit;
|
|
}
|
|
|
|
/* Document */
|
|
:where(:root) {
|
|
-webkit-tap-highlight-color: transparent;
|
|
-webkit-text-size-adjust: 100%;
|
|
text-size-adjust: 100%;
|
|
text-rendering: optimizeLegibility;
|
|
overflow-wrap: break-word;
|
|
tab-size: 4;
|
|
}
|
|
|
|
/* Root font-size — 100% default, responsive scaling in 01-tokens.css */
|
|
html {
|
|
font-size: 100%;
|
|
}
|
|
|
|
/* Body */
|
|
body {
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: var(--text-base); /* 1rem — inherits html responsive scaling */
|
|
font-family: var(--font-ui);
|
|
background-color: var(--surface);
|
|
color: var(--text);
|
|
}
|
|
|
|
/* Prose font — same neo-grotesque stack, consistent across all contexts */
|
|
/* article and [data-layout="prose"] inherit body font — no override needed */
|
|
|
|
/* Main */
|
|
main {
|
|
display: block;
|
|
}
|
|
|
|
/* Nested lists */
|
|
:where(dl, ol, ul) :where(dl, ol, ul) {
|
|
margin: 0;
|
|
}
|