{"_id":"@adbr/adbr.css","_rev":"4-c6bab4302c03dd03ee361e2ac85fe792","name":"@adbr/adbr.css","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@adbr/adbr.css","version":"1.0.0","license":"BSD-3-Clause","_id":"@adbr/adbr.css@1.0.0","maintainers":[{"name":"adambrett","email":"adam@adambrett.co.uk"}],"dist":{"shasum":"8ee0dfe7b3a005961b95a2c10d3d18e16edc0d33","tarball":"https://registry.npmjs.org/@adbr/adbr.css/-/adbr.css-1.0.0.tgz","fileCount":8,"integrity":"sha512-AjEOCAG4TdqxuZGtSkipSLrJyjsE3e6OZpstvcW6PR1+9WCE6D1y0PhCbXzRlQvCVel1plLTPFGOBPP7kLPsFg==","signatures":[{"sig":"MEQCIAge+525ExFihh0u19rJhdMDil22CnuoaX5p9W0KKmDAAiBwtNlAZ71Hk+jqNXCy3VhZuBsihmfWI61SwCua5aCxew==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":29983},"main":"adbr.css","gitHead":"4d8a4b5830fb9675d9f0a9d741b52db15ff2b8d7","scripts":{"lint":"stylelint adbr.css","build":"lightningcss --minify adbr.css -o adbr.min.css","preview":"http-server . -o /"},"_npmUser":{"name":"adambrett","email":"adam@adambrett.co.uk"},"_npmVersion":"11.12.1","description":"A classless stylesheet for blog-like reading sites.","directories":{},"_nodeVersion":"25.9.0","_hasShrinkwrap":false,"devDependencies":{"stylelint":"^16.19.0","http-server":"^14.1.1","lightningcss-cli":"^1.27.0","stylelint-config-standard":"^38.0.0"},"_npmOperationalInternal":{"tmp":"tmp/adbr.css_1.0.0_1777232918944_0.7850314983431674","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@adbr/adbr.css","version":"1.0.1","license":"BSD-3-Clause","_id":"@adbr/adbr.css@1.0.1","maintainers":[{"name":"adambrett","email":"adam@adambrett.co.uk"}],"homepage":"https://css.adbr.dev/","bugs":{"url":"https://github.com/adambrett/adbr.css/issues"},"dist":{"shasum":"07656ecd45b2bf4ca40f8c5150bf1478a8d056e1","tarball":"https://registry.npmjs.org/@adbr/adbr.css/-/adbr.css-1.0.1.tgz","fileCount":8,"integrity":"sha512-bAIzLMPkj25xMFRzQS/9LP2MVlJ2DNK7lReg1K+6YM0bzt7TB22KWOEwRV4KKc+/lazLskzPtk/co6hcUBLTOg==","signatures":[{"sig":"MEQCIEslofCHOfK/PS7F3sbRscWCcRlxBySXq+7Fe0LzpjwuAiAFUn/fsPSIWPLJgXnTfx0ZpbDP2+UzC5XBsj1nfCU2/Q==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@adbr%2fadbr.css@1.0.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":30194},"main":"adbr.css","gitHead":"d340bb057edb6e0021b88c0855fc0e3165eb8994","scripts":{"lint":"stylelint adbr.css","build":"lightningcss --minify adbr.css -o adbr.min.css","preview":"http-server . -o /"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:e23f13bb-3405-40ba-860b-550948ee0d54"}},"repository":{"url":"git+https://github.com/adambrett/adbr.css.git","type":"git"},"_npmVersion":"11.13.0","description":"A classless stylesheet for blog-like reading sites.","directories":{},"_nodeVersion":"24.14.1","_hasShrinkwrap":false,"devDependencies":{"stylelint":"^16.19.0","http-server":"^14.1.1","lightningcss-cli":"^1.27.0","stylelint-config-standard":"^38.0.0"},"_npmOperationalInternal":{"tmp":"tmp/adbr.css_1.0.1_1777233635527_0.8167783437629528","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@adbr/adbr.css","version":"1.0.2","license":"BSD-3-Clause","_id":"@adbr/adbr.css@1.0.2","maintainers":[{"name":"adambrett","email":"adam@adambrett.co.uk"}],"homepage":"https://css.adbr.dev/","bugs":{"url":"https://github.com/adambrett/adbr.css/issues"},"dist":{"shasum":"d27c49f674637aed80946fea790c162b79682a61","tarball":"https://registry.npmjs.org/@adbr/adbr.css/-/adbr.css-1.0.2.tgz","fileCount":8,"integrity":"sha512-JdRz4E0ryhVy1yS5zC3cbL37aYNDUhmkGGQiJLZgNztjJMhg/+ijYAQoSR9ZBnSLufOC466AB5YUtLyLpHpmCg==","signatures":[{"sig":"MEUCIQDXgt/0wi63eDW+QLaWfO5uwaHmYmER75S+mRuoooCCyQIgIqkMGBzAuDzDPXM9y9Z+RVrUjjLWHpsbtUT+oPlccug=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@adbr%2fadbr.css@1.0.2","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":31649},"main":"adbr.css","gitHead":"59e668d6210c3b20f96f00926d14f57bd3e2bac3","scripts":{"lint":"stylelint adbr.css","build":"lightningcss --minify adbr.css -o adbr.min.css","preview":"http-server . -o /"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:e23f13bb-3405-40ba-860b-550948ee0d54"}},"repository":{"url":"git+https://github.com/adambrett/adbr.css.git","type":"git"},"_npmVersion":"11.13.0","description":"A classless stylesheet for blog-like reading sites.","directories":{},"_nodeVersion":"24.14.1","_hasShrinkwrap":false,"devDependencies":{"stylelint":"^16.19.0","http-server":"^14.1.1","lightningcss-cli":"^1.27.0","stylelint-config-standard":"^38.0.0"},"_npmOperationalInternal":{"tmp":"tmp/adbr.css_1.0.2_1777284986800_0.6891408384683211","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@adbr/adbr.css","version":"1.0.3","description":"A classless stylesheet for blog-like reading sites.","repository":{"type":"git","url":"git+https://github.com/adambrett/adbr.css.git"},"homepage":"https://css.adbr.dev/","bugs":{"url":"https://github.com/adambrett/adbr.css/issues"},"license":"BSD-3-Clause","main":"adbr.css","devDependencies":{"http-server":"^14.1.1","lightningcss-cli":"^1.27.0","stylelint":"^16.19.0","stylelint-config-standard":"^38.0.0"},"scripts":{"build":"lightningcss --minify adbr.css -o adbr.min.css","lint":"stylelint adbr.css","preview":"http-server . -o /"},"gitHead":"82f6dccc691f4f426c05ff824412e3a6b5ff6b4e","_id":"@adbr/adbr.css@1.0.3","_nodeVersion":"24.14.1","_npmVersion":"11.13.0","dist":{"integrity":"sha512-CWJbYN3CaKU1pfqFonqxNwKOfl8Nk2GTMPAcFFOw0b5jJENfV6qYdA/v+8vZpB8PHogeIr0gOvXA77TYA0wesg==","shasum":"14fe13a2aef6da3f8d58964aab75a0ee5ce6167a","tarball":"https://registry.npmjs.org/@adbr/adbr.css/-/adbr.css-1.0.3.tgz","fileCount":8,"unpackedSize":31649,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@adbr%2fadbr.css@1.0.3","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIDiRAmbqQ9JE9zDZBShvCM03tEudUnTqabxrOaT+vFydAiAhFJaGgQZX3GYeH5uiUKV6Qtyb5baOnsWflMM5FIXl4A=="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:e23f13bb-3405-40ba-860b-550948ee0d54"}},"directories":{},"maintainers":[{"name":"adambrett","email":"adam@adambrett.co.uk"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/adbr.css_1.0.3_1777413267882_0.17856218634403032"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-26T19:48:38.881Z","modified":"2026-04-28T21:54:28.416Z","1.0.0":"2026-04-26T19:48:39.070Z","1.0.1":"2026-04-26T20:00:35.660Z","1.0.2":"2026-04-27T10:16:26.930Z","1.0.3":"2026-04-28T21:54:28.163Z"},"bugs":{"url":"https://github.com/adambrett/adbr.css/issues"},"license":"BSD-3-Clause","homepage":"https://css.adbr.dev/","repository":{"type":"git","url":"git+https://github.com/adambrett/adbr.css.git"},"description":"A classless stylesheet for blog-like reading sites.","maintainers":[{"name":"adambrett","email":"adam@adambrett.co.uk"}],"readme":"# adbr.css\n\nA single, classless stylesheet for blog-like reading sites.\n\n- **Website**: `https://css.adbr.dev/`\n- **Demo**: `https://css.adbr.dev/demo/`\n\n## Table of contents\n\n- [Description](#description)\n- [Installation](#installation)\n- [Usage](#usage)\n- [Theming](#theming)\n- [Baseline grid](#baseline-grid)\n- [Development](#development)\n- [Support](#support)\n- [License](#license)\n\n## Description\n\n`adbr.css` is designed to be dropped into any semantic HTML page and produce a\nclean, typeset article with a strict baseline grid and automatic dark or light\ntheming.\n\n## Installation\n\n- **Quick test (not for production)**\n\n```html\n<link rel=\"stylesheet\" href=\"https://css.adbr.dev/adbr.min.css\">\n```\n\n- **Production (recommended)**\n\n```bash\nnpm i @adbr/adbr.css\n```\n\nThen copy `adbr.css` or `adbr.min.css` into your project and reference it with a\n`<link rel=\"stylesheet\">`.\n\n## Usage\n\nAdd `adbr.css` to a page with semantic HTML - you should not need any classes:\n\n```html\n<main>\n  <article>\n    <header>\n      <h1>My post title</h1>\n      <p>Short intro text.</p>\n    </header>\n\n    <p>Content in paragraphs.</p>\n    <h2>A heading</h2>\n    <p>More content.</p>\n    <pre><code>console.log(\"code block\");</code></pre>\n  </article>\n</main>\n```\n\n## Theming\n\nOverride CSS custom properties on `:root` to change fonts, colours, measure, and rhythm.\n\nThe supported public contract is:\n\n```css\n:root {\n  --baseline: 1.6rem;\n  --measure: 68ch;\n\n  --font-serif: Georgia, \"Iowan Old Style\", \"Charter\", \"Times New Roman\", serif;\n  --font-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif;\n  --font-mono: ui-monospace, \"SF Mono\", Menlo, Consolas, monospace;\n\n  --bg: #ffffff;\n  --fg: #2a2a2a;\n  --muted: #6a6a6a;\n  --rule: #e6e6e6;\n\n  --accent: #049cdb;\n  --accent-hover: #0379a8;\n\n  --code-bg: #0e1114;\n  --code-fg: #aeb9c4;\n  --code-inline: #dd1144;\n}\n```\n\nDark mode is automatic via `prefers-color-scheme`. If you need to force a\ntheme, set `data-theme=\"light\"` or `data-theme=\"dark\"` on `:root`.\n\n## Baseline grid\n\nThe baseline rhythm unit is `--baseline` (default `1.6rem`).\n\n- Block spacing generally uses `margin-block-end: var(--baseline-margin)`\n- Line-heights are `var(--baseline)` or a multiple (for example headings use \\(2 \\times\\))\n\n`--baseline-margin` is separate from `--baseline` because `line-height` does not\nvisually \"center\" glyphs within a line box. Line boxes are built around the\nfont’s baseline, and the extra leading above and below glyphs is driven by the\nfont’s ascent and descent metrics (and browser rules), which vary across font\nstacks and OS renderers. Keeping a separate margin token lets the stylesheet\ncompensate for those differences while preserving a consistent rhythm.\n\nTo debug baseline alignment, add `debug` to `<body>` and the stylesheet\noverlays horizontal grid lines.\n\n## Development\n\n- **Install dependencies**: `make depend`\n- **Lint**: `make lint`\n- **Build**: `make build`\n- **Preview locally**: `make preview` (or `make run`)\n\nThe public site content lives at the repo root (`index.html`, `CNAME`, `demo/`, and `adbr.css`). `make preview` serves that tree locally. The `pages` workflow copies the same allowlist into an upload directory for GitHub Pages, so `node_modules`, the Makefile, and other dev files are never deployed.\n\n## License\n\nBSD-3-Clause.\n","readmeFilename":"README.md"}