Cursor rule

1---
2description: Tailwind CSS
3globs: apps/web/**/*.tsx,apps/web/**/*.css,apps/web/**/*.astro
4alwaysApply: false
5---
6 
7# Tailwind CSS
8 
9- Always use Tailwind version 4.0
10- Use CSS configuration with version 4.0 in [global.css](mdc:apps/web/src/styles/global.css)
11- Keep classes as short and tidy as possible.
12- Use mobile first design.
13- Only use the "md:" media query to differentiate between mobile and desktop.
14- If many components share the same classes, consider making a global class in [global.css](mdc:apps/web/src/styles/global.css) 
15