11 lines
683 B
Plaintext
11 lines
683 B
Plaintext
---
|
|
description:
|
|
globs: /web/src/pages,/web/src/components,/web/src/constants
|
|
alwaysApply: false
|
|
---
|
|
- We use Tailwind 4 (the latest version), make sure to not use outdated classes from Tailwind 3.
|
|
- Checkout the custom tailwind theme [global.css](mdc:web/src/styles/global.css).
|
|
- When adding conditional styles or merging tailwind classes, use the `cn` function. Never use template strings. [cn.ts](mdc:web/src/lib/cn.ts)
|
|
- For the grayscale colors, try to use the custom color `day` for the light/foreground colors (50-500) and `night` for the dark/bakground (500-950).
|
|
- Generally avoid using opacity modifiers (In `text-red-500/50` the `/50`), but it's fine to also use it.
|