File tree Expand file tree Collapse file tree 1 file changed +5
-0
lines changed Expand file tree Collapse file tree 1 file changed +5
-0
lines changed Original file line number Diff line number Diff line change @@ -43,6 +43,7 @@ Unlike traditional frameworks that ship large CSS files, Headwind scans your sou
43
43
```
44
44
45
45
This approach results in:
46
+
46
47
- ** Smaller CSS files** - Only ship what you use
47
48
- ** Faster load times** - Less CSS to download and parse
48
49
- ** Better performance** - Reduced render-blocking CSS
@@ -85,6 +86,7 @@ Headwind includes a compile class transformer that optimizes your HTML by compil
85
86
```
86
87
87
88
Benefits:
89
+
88
90
- ** Smaller HTML** - Reduce HTML file size by up to 60%
89
91
- ** Better caching** - Deterministic class names improve cache hits
90
92
- ** Automatic deduplication** - Identical class groups share the same compiled name
@@ -229,10 +231,12 @@ Use utility classes directly in your HTML:
229
231
```
230
232
231
233
Benefits:
234
+
232
235
- No context switching between HTML and CSS
233
236
- No naming things (avoid "card-container-wrapper-inner")
234
237
- Easier to maintain and refactor
235
238
- Consistent design system
239
+ - LLM-friendly
236
240
237
241
### Responsive Design
238
242
@@ -249,6 +253,7 @@ Build responsive layouts with responsive variants:
249
253
```
250
254
251
255
Breakpoints:
256
+
252
257
- ` sm: ` - 640px and up
253
258
- ` md: ` - 768px and up
254
259
- ` lg: ` - 1024px and up
You can’t perform that action at this time.
0 commit comments