docs(DESIGN.md): add flexbox/grid layout rule

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-05-03 21:16:20 +08:00
parent dc19f2d5cd
commit 7640a32904

View File

@@ -132,6 +132,7 @@ Hard-won sizing rules (do not relax):
- `rem` for spacing and type. `px` only for borders and shadows.
- CSS custom properties for all colors and repeated values.
- Sibling components (card lists, grid items) share identical spacing.
- Use flexbox or grid for layout. Avoid floats and absolute positioning except for genuine overlay cases (focus rings, sticky headers).
- Never `!important`. Fix specificity instead.
## Elevation & Depth