Custom Tailwindcss Config Documentation -

Github

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;