From 6238894b76f5d8890268cc7ac1f6027b1e177e05 Mon Sep 17 00:00:00 2001 From: Jordan Pittman Date: Thu, 13 Mar 2025 09:37:22 -0400 Subject: [PATCH 1/2] Fix `-bg-conic-*` utilities MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The negative versions were missing the `deg` in `deg` so they didn’t work --- packages/tailwindcss/src/utilities.test.ts | 2 +- packages/tailwindcss/src/utilities.ts | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) 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}`), From 510c5e5c2efb0826e01126702d4310cbbbba241b Mon Sep 17 00:00:00 2001 From: Jordan Pittman Date: Thu, 13 Mar 2025 09:39:01 -0400 Subject: [PATCH 2/2] Update changelog --- CHANGELOG.md | 4 ++++ 1 file changed, 4 insertions(+) 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