diff --git a/CHANGELOG.md b/CHANGELOG.md index a5c38bc60f74..90623826ea55 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -18,6 +18,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - _Experimental_: Add `wrap-anywhere`, `wrap-break-word`, and `wrap-normal` utilities ([#12128](https://github.com/tailwindlabs/tailwindcss/pull/12128)) - _Experimental_: Add `@source inline(…)` ([#17147](https://github.com/tailwindlabs/tailwindcss/pull/17147)) +### Fixed + +- Fix incorrect angle in `-bg-conic-*` utilities ([#17174](https://github.com/tailwindlabs/tailwindcss/pull/17174)) + ## [4.0.14] - 2025-03-13 ### Fixed diff --git a/packages/tailwindcss/src/utilities.test.ts b/packages/tailwindcss/src/utilities.test.ts index 615956c4f5e2..92ac86e8f637 100644 --- a/packages/tailwindcss/src/utilities.test.ts +++ b/packages/tailwindcss/src/utilities.test.ts @@ -10176,7 +10176,7 @@ test('bg', async () => { } .-bg-conic-45\\/oklab { - --tw-gradient-position: from calc(45 * -1) in oklab; + --tw-gradient-position: from calc(45deg * -1) in oklab; background-image: conic-gradient(var(--tw-gradient-stops)); } diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts index 83226ebc1932..31acd41df2a4 100644 --- a/packages/tailwindcss/src/utilities.ts +++ b/packages/tailwindcss/src/utilities.ts @@ -2502,7 +2502,7 @@ export function createUtilities(theme: Theme) { if (!isPositiveInteger(value)) return - value = negative ? `calc(${value} * -1)` : `${value}deg` + value = negative ? `calc(${value}deg * -1)` : `${value}deg` return [ decl('--tw-gradient-position', `from ${value} ${interpolationMethod}`),