Use left/right instead of inline-start/end for space/divide utilities (#2644)
This commit is contained in:
parent
18baa4e7a8
commit
02cba631bc
8 changed files with 3480 additions and 3480 deletions
|
|
@ -14,8 +14,8 @@ export default function () {
|
|||
},
|
||||
[`${nameClass('divide-x', modifier)} > :not([hidden]) ~ :not([hidden])`]: {
|
||||
'--divide-x-reverse': '0',
|
||||
'border-inline-end-width': `calc(${size} * var(--divide-x-reverse))`,
|
||||
'border-inline-start-width': `calc(${size} * calc(1 - var(--divide-x-reverse)))`,
|
||||
'border-right-width': `calc(${size} * var(--divide-x-reverse))`,
|
||||
'border-left-width': `calc(${size} * calc(1 - var(--divide-x-reverse)))`,
|
||||
},
|
||||
}
|
||||
},
|
||||
|
|
|
|||
|
|
@ -14,8 +14,8 @@ export default function () {
|
|||
},
|
||||
[`${nameClass('space-x', modifier)} > :not([hidden]) ~ :not([hidden])`]: {
|
||||
'--space-x-reverse': '0',
|
||||
'margin-inline-end': `calc(${size} * var(--space-x-reverse))`,
|
||||
'margin-inline-start': `calc(${size} * calc(1 - var(--space-x-reverse)))`,
|
||||
'margin-right': `calc(${size} * var(--space-x-reverse))`,
|
||||
'margin-left': `calc(${size} * calc(1 - var(--space-x-reverse)))`,
|
||||
},
|
||||
}
|
||||
},
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue