Vigilio Desto
82754338a9
body > nav/header/article/footer all get container alignment (max-width, auto margins, responsive padding). Replaces all body > main selectors to match the new landmark structure.
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 */
|
|
|
|
/* Article as main content landmark */
|
|
article[role="main"] {
|
|
display: block;
|
|
}
|
|
|
|
/* Nested lists */
|
|
:where(dl, ol, ul) :where(dl, ol, ul) {
|
|
margin: 0;
|
|
}
|