Add logical properties support for float and clear (#12480)
This commit is contained in:
parent
ec0fe42968
commit
bce0481f40
3 changed files with 20 additions and 0 deletions
|
|
@ -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' },
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue