Skip to content

Commit 24e566d

Browse files
authored
Merge branch 'tailwindlabs:main' into dotnet
2 parents 5d450d9 + 2891b2c commit 24e566d

File tree

3 files changed

+16
-6
lines changed

3 files changed

+16
-6
lines changed

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@
2828
"react": "^19.0.0",
2929
"react-dom": "^19.0.0",
3030
"shiki": "^1.26.1",
31-
"tailwindcss": "^4.0.12"
31+
"tailwindcss": "^4.0.14"
3232
},
3333
"devDependencies": {
3434
"@svgr/webpack": "^8.1.0",

pnpm-lock.yaml

Lines changed: 5 additions & 5 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/docs/upgrade-guide.mdx

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -337,6 +337,16 @@ To update your project for these changes, replace all the v3 utilities with thei
337337

338338
#### Renamed outline utility
339339

340+
The `outline` utility now sets `outline-width: 1px` by default to be more consistent with border and ring utilities. Furthermore all `outline-<number>` utilities default `outline-style` to `solid`, omitting the need to combine them with `outline`:
341+
342+
```html
343+
<!-- [!code filename:HTML] -->
344+
<!-- [!code --:2] -->
345+
<input class="outline outline-2" />
346+
<!-- [!code ++:2] -->
347+
<input class="outline-2" />
348+
```
349+
340350
The `outline-none` utility previously didn't actually set `outline-style: none`, and instead set an invisible outline that would still show up in forced colors mode for accessibility reasons.
341351

342352
To make this more clear we've renamed this utility to `outline-hidden` and added a new `outline-none` utility that actually sets `outline-style: none`.

0 commit comments

Comments
 (0)