{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "scroll", "type": "registry:item", "title": "aesthetic Stage scroll", "description": "Aesthetic Stage scroll primitive, v0.25.0. Installs ae-stage, ae-stage-scroll without the full stylesheet.", "registryDependencies": [ "https://aesthetic.mistystep.io/r/aesthetic-base.json" ], "meta": { "version": "0.25.0", "tier": "primitive", "route": "scroll", "classes": ["ae-stage", "ae-stage-scroll"], "attributes": [], "tokens": [ "--ae-surface", "--ae-wash", "--ae-ink", "--ae-ink-faint", "--ae-accent", "--ae-surface-dark", "--ae-wash-dark", "--ae-ink-dark", "--ae-ink-faint-dark", "--ae-accent-dark", "--ae-font", "--ae-font-mono", "--ae-w-regular", "--ae-ease", "--ae-quick", "--ae-measure", "--ae-space-5", "--ae-space-6" ], "recipes": [] }, "files": [ { "path": "registry/scroll/aesthetic.scroll.css", "type": "registry:file", "target": "~/aesthetic.scroll.css", "content": "/* aesthetic scroll v0.25.0 — generated by scripts/build-registry.mjs. */\n@import './aesthetic.base.css';\n\n:root {\n --ae-measure: 38rem;\n --ae-space-5: 1.5em;\n --ae-space-6: 2em;\n}\n\n.light,\n[data-ae-mode='light'] {\n color-scheme: light;\n}\n\n.ae-stage {\nflex: 1;\n min-height: 0;\n width: min(var(--ae-measure), 100% - 5rem);\n margin-inline: auto;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n}\n\n.ae-stage > * {\nmargin-block: auto;\n padding-block: var(--ae-space-5);\n}\n\n.ae-stage-scroll > * {\nmargin-block: 0;\n padding-block: var(--ae-space-6);\n}\n\n@media (max-width: 40rem) {\n .ae-stage {\n width: calc(100% - 2.4rem);\n }\n}\n" } ] }