18 lines
967 B
Markdown
18 lines
967 B
Markdown
|
|
## Styleguide
|
|
|
|
**vault1984.css** is the single global stylesheet for all vault1984 web surfaces — marketing site (`vault1984-web`) and the app UI (`vault1984`).
|
|
|
|
- Live: https://vault1984.com/styleguide.html
|
|
- Source: `vault1984-web/vault1984.css`
|
|
|
|
### Rules (no exceptions)
|
|
1. **One stylesheet.** `vault1984.css` only. No Tailwind, no inline styles, no `<style>` blocks.
|
|
2. **One rule per class.** If you need a variant, add a modifier class (e.g. `.card.gold`), not a new inline style.
|
|
3. **One width.** `--width: 1280px` via `.container`. Never hardcode a max-width anywhere else.
|
|
4. **One padding.** `--pad: 2rem` via `.container`. Never hardcode horizontal padding.
|
|
5. **CSS variables for everything.** Colors, spacing, radius, fonts — all via `var(--*)`.
|
|
|
|
### To use in vault1984 app
|
|
Copy or symlink `vault1984.css` into `vault1984/web/` and embed it. The token set (colors, fonts, radius) is shared — app UI should feel identical to the marketing site.
|