diff --git a/packages/tailwindcss/src/utilities.test.ts b/packages/tailwindcss/src/utilities.test.ts index ea60feeae..f68601358 100644 --- a/packages/tailwindcss/src/utilities.test.ts +++ b/packages/tailwindcss/src/utilities.test.ts @@ -3842,7 +3842,7 @@ test('inline-size', async () => { css` @theme { --spacing-4: 1rem; - --width-xl: 36rem; + --container-xl: 36rem; } @tailwind utilities; `, @@ -3865,7 +3865,7 @@ test('inline-size', async () => { ).toMatchInlineSnapshot(` ":root, :host { --spacing-4: 1rem; - --width-xl: 36rem; + --container-xl: 36rem; } .inline-1\\/2 { @@ -3917,7 +3917,7 @@ test('inline-size', async () => { } .inline-xl { - inline-size: var(--width-xl); + inline-size: var(--container-xl); }" `) expect( diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts index 4f54c9584..66ae59230 100644 --- a/packages/tailwindcss/src/utilities.ts +++ b/packages/tailwindcss/src/utilities.ts @@ -1135,12 +1135,12 @@ export function createUtilities(theme: Theme) { staticUtility(`max-block-none`, [['max-block-size', 'none']]) for (let [name, namespaces, property] of [ - ['inline', ['--width', '--spacing', '--container'], 'inline-size'], - ['min-inline', ['--min-width', '--spacing', '--container'], 'min-inline-size'], - ['max-inline', ['--max-width', '--spacing', '--container'], 'max-inline-size'], - ['block', ['--height', '--spacing'], 'block-size'], - ['min-block', ['--min-height', '--height', '--spacing'], 'min-block-size'], - ['max-block', ['--max-height', '--height', '--spacing'], 'max-block-size'], + ['inline', ['--spacing', '--container'], 'inline-size'], + ['min-inline', ['--spacing', '--container'], 'min-inline-size'], + ['max-inline', ['--spacing', '--container'], 'max-inline-size'], + ['block', ['--spacing'], 'block-size'], + ['min-block', ['--spacing'], 'min-block-size'], + ['max-block', ['--spacing'], 'max-block-size'], ] as [string, ThemeKey[], string][]) { spacingUtility(name, namespaces, (value) => [decl(property, value)], { supportsFractions: true,