@@ -1336,24 +1336,6 @@ To make sure unused `@keyframes` rules are removed, configure them under `@theme
1336
1336
1337
1337
Since we've dramatically [simplified theme configuration ](#simplified-theme-configuration ) in Tailwind CSS v4.0 , you'll only generally work with these namespaces:
1338
1338
1339
- {/* | Namespace | Utilities |
1340
- | ------------------ | -------------------------------------------------------------------------------------- |
1341
- | `--color-*` | Color utilities like `bg-white`, `text-black`, or `fill-blue-500` |
1342
- | `--font-*` | Font family utilities like `font-sans` |
1343
- | `--spacing-*` | Spacing utilities like `mt-2`, `p-4` |
1344
- | `--text-*` | Font size utilities like `text-sm` |
1345
- | `--font-weight-*` | Font weight utilities like `font-bold` |
1346
- | `--tracking-*` | Letter spacing utilities like `tracking-tight` |
1347
- | `--leading-*` | Line height utilities like `leading-relaxed` |
1348
- | `--breakpoint-*` | Breakpoint variants like `md:*` and `lg:*` |
1349
- | `--container-*` | Container query variants like `@sm:*` and `@lg:*` and max-width utilities like `max-w-lg` |
1350
- | `--radius-*` | Border radius utilities like `rounded-md` |
1351
- | `--shadow-*` | Box shadow utilities like `shadow-lg` |
1352
- | `--inset-shadow-*` | Inset box shadow utilities like `inset-shadow-sm` |
1353
- | `--drop-shadow-*` | Drop shadow utilities like `drop-shadow-xl` |
1354
- | `--ease-*` | Transition timing function utilities like `ease-out` |
1355
- | `--animate-*` | Animation utilities like `animate-spin` | */ }
1356
-
1357
1339
<table >
1358
1340
<thead >
1359
1341
<tr >
@@ -1370,10 +1352,6 @@ Since we've dramatically [simplified theme configuration](#simplified-theme-conf
1370
1352
<td className='whitespace-nowrap '> `--font-* `</td >
1371
1353
<td > Font family utilities like <code > font-sans </code > </td >
1372
1354
</tr >
1373
- <tr >
1374
- <td className='whitespace-nowrap '> `--spacing-* `</td >
1375
- <td > Spacing utilities like <code > mt-2 </code > or <code > p-4 </code > </td >
1376
- </tr >
1377
1355
<tr >
1378
1356
<td className='whitespace-nowrap '> `--text-* `</td >
1379
1357
<td > Font size utilities like <code > text-sm </code > </td >
@@ -1390,13 +1368,17 @@ Since we've dramatically [simplified theme configuration](#simplified-theme-conf
1390
1368
<td className='whitespace-nowrap '> `--leading-* `</td >
1391
1369
<td > Line height utilities like <code > leading-relaxed </code > </td >
1392
1370
</tr >
1371
+ <tr >
1372
+ <td className='whitespace-nowrap '> `--spacing-* `</td >
1373
+ <td > Spacing and sizing utilities like <code > pt-5 </code > , <code > mr-2 </code > , and <code > h-8 </code > </td >
1374
+ </tr >
1393
1375
<tr >
1394
1376
<td className='whitespace-nowrap '> `--breakpoint-* `</td >
1395
1377
<td > Breakpoint variants like <code > md:* </code > and <code > lg:* </code > </td >
1396
1378
</tr >
1397
1379
<tr >
1398
1380
<td className='whitespace-nowrap '> `--container-* `</td >
1399
- <td > Container query variants like <code > @sm: * </code > and <code > @lg: * </code > and max-width utilities like <code > max-w-lg </code > </td >
1381
+ <td > Container query variants like <code > @md: \* </code > and width utilities like <code > w-sm </code > and <code > max-w-lg </code > </td >
1400
1382
</tr >
1401
1383
<tr >
1402
1384
<td className='whitespace-nowrap '> `--radius-* `</td >
0 commit comments