mirror of
https://github.com/prdlk/leetcode.git
synced 2026-11-03 05:27:36 +00:00
31 lines
1.1 KiB
Plaintext
31 lines
1.1 KiB
Plaintext
|
---
|
||
|
|
title: Hello World
|
||
|
|
description: A Fumapress site styled with shadcn/typeset
|
||
|
|
---
|
||
|
|
|
||
|
|
## Overview
|
||
|
|
|
||
|
|
This page renders through Fumadocs MDX and is styled by the `typeset typeset-docs` container — headings, paragraphs, lists, tables, and code all inherit their rhythm from three variables: `--typeset-size`, `--typeset-leading`, and `--typeset-flow`.
|
||
|
|
|
||
|
|
### Why one CSS file?
|
||
|
|
|
||
|
|
- The file lives in your repo — edit rules directly, no plugin config
|
||
|
|
- Spacing flows one direction (`margin-block-start` only), so streamed content never restyles earlier blocks
|
||
|
|
- Zero-specificity `:where()` guards mean Tailwind utilities always win
|
||
|
|
|
||
|
|
```ts
|
||
|
|
// Inline overrides still work inside a typeset container
|
||
|
|
export const rhythm = {
|
||
|
|
size: "15px",
|
||
|
|
leading: 1.75,
|
||
|
|
flow: "1.5em",
|
||
|
|
};
|
||
|
|
```
|
||
|
|
|
||
|
|
> Tune a tighter preset for chat, a roomier one for docs — same file, different rhythm.
|
||
|
|
|
||
|
|
| Control | Purpose | Default |
|
||
|
|
| ------------------ | --------------------- | -------- |
|
||
|
|
| `--typeset-size` | Base text size | `1em` |
|
||
|
|
| `--typeset-leading`| Line height | `1.75` |
|
||
|
|
| `--typeset-flow` | Space between blocks | `1.25em` |
|