no-magic-number-spacing
Magic number spacing should use scale values.
| Severity | Dimension | Files |
|---|---|---|
| Info | Consistency | .tsx .jsx .css |
What it flags
A line like this:
const Card = styled.div`padding: 24px;`
is reported as:
Magic number spacing "padding: 24px" — use spacing scale tokens
How to fix it
Use spacing scale values (e.g., p-4, gap-2) instead of arbitrary values.
Related
- All rules: every built-in rule, by dimension.
- Set up enforcement: connect an AI tool and make validation required.
Last reviewed by @jschuyler