Divide Width
| Class | Properties |
|---|---|
| gl-divide-x-0 | & > :not([hidden]) ~ :not([hidden]): {
"@defaults border-width": {},
"--tw-divide-x-reverse": "0",
"border-right-width": "calc(0px * var(--tw-divide-x-reverse))",
"border-left-width": "calc(0px * calc(1 - var(--tw-divide-x-reverse)))"
}; |
| gl-divide-x-1 | & > :not([hidden]) ~ :not([hidden]): {
"@defaults border-width": {},
"--tw-divide-x-reverse": "0",
"border-right-width": "calc(1px * var(--tw-divide-x-reverse))",
"border-left-width": "calc(1px * calc(1 - var(--tw-divide-x-reverse)))"
}; |
| gl-divide-x-2 | & > :not([hidden]) ~ :not([hidden]): {
"@defaults border-width": {},
"--tw-divide-x-reverse": "0",
"border-right-width": "calc(2px * var(--tw-divide-x-reverse))",
"border-left-width": "calc(2px * calc(1 - var(--tw-divide-x-reverse)))"
}; |
| gl-divide-x-4 | & > :not([hidden]) ~ :not([hidden]): {
"@defaults border-width": {},
"--tw-divide-x-reverse": "0",
"border-right-width": "calc(4px * var(--tw-divide-x-reverse))",
"border-left-width": "calc(4px * calc(1 - var(--tw-divide-x-reverse)))"
}; |
| gl-divide-x-8 | & > :not([hidden]) ~ :not([hidden]): {
"@defaults border-width": {},
"--tw-divide-x-reverse": "0",
"border-right-width": "calc(8px * var(--tw-divide-x-reverse))",
"border-left-width": "calc(8px * calc(1 - var(--tw-divide-x-reverse)))"
}; |
| gl-divide-x | & > :not([hidden]) ~ :not([hidden]): {
"@defaults border-width": {},
"--tw-divide-x-reverse": "0",
"border-right-width": "calc(1px * var(--tw-divide-x-reverse))",
"border-left-width": "calc(1px * calc(1 - var(--tw-divide-x-reverse)))"
}; |
| gl-divide-y-0 | & > :not([hidden]) ~ :not([hidden]): {
"@defaults border-width": {},
"--tw-divide-y-reverse": "0",
"border-top-width": "calc(0px * calc(1 - var(--tw-divide-y-reverse)))",
"border-bottom-width": "calc(0px * var(--tw-divide-y-reverse))"
}; |
| gl-divide-y-1 | & > :not([hidden]) ~ :not([hidden]): {
"@defaults border-width": {},
"--tw-divide-y-reverse": "0",
"border-top-width": "calc(1px * calc(1 - var(--tw-divide-y-reverse)))",
"border-bottom-width": "calc(1px * var(--tw-divide-y-reverse))"
}; |
| gl-divide-y-2 | & > :not([hidden]) ~ :not([hidden]): {
"@defaults border-width": {},
"--tw-divide-y-reverse": "0",
"border-top-width": "calc(2px * calc(1 - var(--tw-divide-y-reverse)))",
"border-bottom-width": "calc(2px * var(--tw-divide-y-reverse))"
}; |
| gl-divide-y-4 | & > :not([hidden]) ~ :not([hidden]): {
"@defaults border-width": {},
"--tw-divide-y-reverse": "0",
"border-top-width": "calc(4px * calc(1 - var(--tw-divide-y-reverse)))",
"border-bottom-width": "calc(4px * var(--tw-divide-y-reverse))"
}; |
| gl-divide-y-8 | & > :not([hidden]) ~ :not([hidden]): {
"@defaults border-width": {},
"--tw-divide-y-reverse": "0",
"border-top-width": "calc(8px * calc(1 - var(--tw-divide-y-reverse)))",
"border-bottom-width": "calc(8px * var(--tw-divide-y-reverse))"
}; |
| gl-divide-y | & > :not([hidden]) ~ :not([hidden]): {
"@defaults border-width": {},
"--tw-divide-y-reverse": "0",
"border-top-width": "calc(1px * calc(1 - var(--tw-divide-y-reverse)))",
"border-bottom-width": "calc(1px * var(--tw-divide-y-reverse))"
}; |
| gl-divide-y-reverse > :not([hidden]) ~ :not([hidden]) | --tw-divide-y-reverse: 1; |
| gl-divide-x-reverse > :not([hidden]) ~ :not([hidden]) | --tw-divide-x-reverse: 1; |