Add logical properties support for float and clear (#12480)

This commit is contained in:
Ngô Quốc Đạt 2023-11-27 21:12:58 +07:00 • committed by GitHub
parent ec0fe42968
commit bce0481f40
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 20 additions and 0 deletions

View file

@ -684,6 +684,8 @@ export let corePlugins = {
float: ({ addUtilities }) => {
addUtilities({
'.float-start': { float: 'inline-start' },
'.float-end': { float: 'inline-end' },
'.float-right': { float: 'right' },
'.float-left': { float: 'left' },
'.float-none': { float: 'none' },
@ -692,6 +694,8 @@ export let corePlugins = {
clear: ({ addUtilities }) => {
addUtilities({
'.clear-start': { clear: 'inline-start' },
'.clear-end': { clear: 'inline-end' },
'.clear-left': { clear: 'left' },
'.clear-right': { clear: 'right' },
'.clear-both': { clear: 'both' },

View file

@ -2,6 +2,14 @@
exports[`should test the 'clear' plugin 1`] = `
"
.clear-start {
clear: inline-start;
}
.clear-end {
clear: inline-end;
}
.clear-left {
clear: left;
}

View file

@ -2,6 +2,14 @@
exports[`should test the 'float' plugin 1`] = `
"
.float-start {
float: inline-start;
}
.float-end {
float: inline-end;
}
.float-right {
float: right;
}