borders
Plugin key : divideWidth
Click to copy the CSS class
Enabled
Variants : [ responsive ]
Class | Properties |
---|---|
divide-y-0 > :not([hidden]) ~ :not([hidden]) | --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)); |
divide-x-0 > :not([hidden]) ~ :not([hidden]) | --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))); |
divide-y-2 > :not([hidden]) ~ :not([hidden]) | --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)); |
divide-x-2 > :not([hidden]) ~ :not([hidden]) | --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))); |
divide-y-4 > :not([hidden]) ~ :not([hidden]) | --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)); |
divide-x-4 > :not([hidden]) ~ :not([hidden]) | --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))); |
divide-y-8 > :not([hidden]) ~ :not([hidden]) | --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)); |
divide-x-8 > :not([hidden]) ~ :not([hidden]) | --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))); |
divide-y > :not([hidden]) ~ :not([hidden]) | --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)); |
divide-x > :not([hidden]) ~ :not([hidden]) | --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))); |
divide-y-reverse > :not([hidden]) ~ :not([hidden]) | --tw-divide-y-reverse: 1; |
divide-x-reverse > :not([hidden]) ~ :not([hidden]) | --tw-divide-x-reverse: 1; |