diff --git a/CHANGELOG.md b/CHANGELOG.md index 759b76689..50fd584ee 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -10,7 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ### Added - Add `inherit` as a universal color ([#13258](https://github.com/tailwindlabs/tailwindcss/pull/13258)) -- Add 3D transform utilities ([#13248](https://github.com/tailwindlabs/tailwindcss/pull/13248)) +- Add 3D transform utilities ([#13248](https://github.com/tailwindlabs/tailwindcss/pull/13248), [#13288](https://github.com/tailwindlabs/tailwindcss/pull/13288)) ### Fixed diff --git a/packages/tailwindcss/src/utilities.test.ts b/packages/tailwindcss/src/utilities.test.ts index 2690761dd..0dcbadb46 100644 --- a/packages/tailwindcss/src/utilities.test.ts +++ b/packages/tailwindcss/src/utilities.test.ts @@ -3128,13 +3128,7 @@ test('perspective', () => { } @tailwind utilities; `, - [ - 'perspective-normal', - 'perspective-dramatic', - 'perspective-none', - 'perspective-123', - 'perspective-[456px]', - ], + ['perspective-normal', 'perspective-dramatic', 'perspective-none', 'perspective-[456px]'], ), ).toMatchInlineSnapshot(` ":root { @@ -3142,10 +3136,6 @@ test('perspective', () => { --perspective-normal: 500px; } - .perspective-123 { - perspective: 123px; - } - .perspective-\\[456px\\] { perspective: 456px; } @@ -3162,7 +3152,7 @@ test('perspective', () => { perspective: 500px; }" `) - expect(run(['perspective', '-perspective', 'perspective-potato'])).toEqual('') + expect(run(['perspective', '-perspective', 'perspective-potato', 'perspective-123'])).toEqual('') }) test('cursor', () => { diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts index b30515977..8b7a21e42 100644 --- a/packages/tailwindcss/src/utilities.ts +++ b/packages/tailwindcss/src/utilities.ts @@ -1501,10 +1501,6 @@ export function createUtilities(theme: Theme) { staticUtility('perspective-none', [['perspective', 'none']]) functionalUtility('perspective', { themeKeys: ['--perspective'], - handleBareValue: ({ value }) => { - if (!Number.isInteger(Number(value))) return null - return `${value}px` - }, handle: (value) => [decl('perspective', value)], })