wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Use correct values for float-start/end and clear-start/end (#15261)

Browse source 
This PR fixes the `float-start/end` and `clear-start/end` utilities to
use `inline-start` and `inline-end` instead of `start` and `end`, which
aren't valid values.

Fixes #15255.

Co-authored-by: Adam Wathan <4323180+adamwathan@users.noreply.github.com>
This commit is contained in:
Adam Wathan 2024-12-02 09:34:13 -05:00 • committed by GitHub
parent 973650624d
commit e9426d01a6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 22 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

36
packages/tailwindcss/src/utilities.test.ts
View file

@ -1360,26 +1360,26 @@ test('row-end', async () => {
test('float', async () => {
expect(await run(['float-start', 'float-end', 'float-right', 'float-left', 'float-none']))
.toMatchInlineSnapshot(`
".float-end {
float: end;
}
".float-end {
float: inline-end;
}
.float-left {
float: left;
}
.float-left {
float: left;
}
.float-none {
float: none;
}
.float-none {
float: none;
}
.float-right {
float: right;
}
.float-right {
float: right;
}
.float-start {
float: start;
}"
`)
.float-start {
float: inline-start;
}"
`)
expect(
await run([
'float',
@ -1413,7 +1413,7 @@ test('clear', async () => {
}
.clear-end {
clear: end;
clear: inline-end;
}
.clear-left {
@ -1429,7 +1429,7 @@ test('clear', async () => {
}
.clear-start {
clear: start;
clear: inline-start;
}"
`)
expect(

8
packages/tailwindcss/src/utilities.ts
View file

@ -719,8 +719,8 @@ export function createUtilities(theme: Theme) {
/**
* @css `float`
*/
staticUtility('float-start', [['float', 'start']])
staticUtility('float-end', [['float', 'end']])
staticUtility('float-start', [['float', 'inline-start']])
staticUtility('float-end', [['float', 'inline-end']])
staticUtility('float-right', [['float', 'right']])
staticUtility('float-left', [['float', 'left']])
staticUtility('float-none', [['float', 'none']])
@ -728,8 +728,8 @@ export function createUtilities(theme: Theme) {
/**
* @css `clear`
*/
staticUtility('clear-start', [['clear', 'start']])
staticUtility('clear-end', [['clear', 'end']])
staticUtility('clear-start', [['clear', 'inline-start']])
staticUtility('clear-end', [['clear', 'inline-end']])
staticUtility('clear-right', [['clear', 'right']])
staticUtility('clear-left', [['clear', 'left']])
staticUtility('clear-both', [['clear', 'both']])