frutjam
Version:
A utility-first CSS UI Library for Tailwind CSS
2 lines (1 loc) • 2.3 kB
JavaScript
export default {".divider":{"--divider--margin":"1rem 0","--color-divider":"var(--color-base-soft)","--divider-direction":"right","--divider--flex-direction":"row","--divider--width":"100%","--divider--height":"1px","--divider-dash-length":"10px","--divider-gap-length":"0px","display":"flex","align-items":"center","justify-content":"center","flex-direction":"var(--divider--flex-direction)","width":"var(--divider--width)","height":"var(--divider--height)","&:not(*:empty)":{"-moz-column-gap":"0.5rem","column-gap":"0.5rem","text-wrap":"nowrap"},"&::before, &::after":{"content":"\"\"","margin":"var(--divider--margin)","width":"var(--divider--width)","height":"var(--divider--height)","background":"repeating-linear-gradient(to var(--divider-direction),\n var(--color-divider) 0px,\n var(--color-divider) var(--divider-dash-length),\n transparent var(--divider-dash-length),\n transparent calc(var(--divider-dash-length) + var(--divider-gap-length)))"}},".divider-end":{"&::after":{"content":"var(--tw-content)","display":"none"}},".divider-start":{"&::before":{"content":"var(--tw-content)","display":"none"}},".divider-vertical":{"--divider-direction":"bottom","--divider--width":"1px","--divider--flex-direction":"column","--divider--margin":"0 1rem","align-self":"stretch","height":"auto","&::before, &::after":{"flex":1,"height":"auto"}},".divider-horizontal":{"--divider-direction":"right","--divider--width":"100%","--divider--height":"1px","--divider--flex-direction":"row","--divider--margin":"1rem 0"},".divider-dashed":{"--divider-dash-length":"5px","--divider-gap-length":"5px"},".divider-dotted":{"--divider-dash-length":"2px","--divider-gap-length":"4px"},".divider-solid":{"--divider-dash-length":"10px","--divider-gap-length":"0px"},".divider-accent":{"--color-divider":"var(--color-accent)"},".divider-error":{"--color-divider":"var(--color-error)"},".divider-info":{"--color-divider":"var(--color-info)"},".divider-neutral":{"--color-divider":"var(--color-neutral)"},".divider-primary":{"--color-divider":"var(--color-primary)"},".divider-secondary":{"--color-divider":"var(--color-secondary)"},".divider-success":{"--color-divider":"var(--color-success)"},".divider-warning":{"--color-divider":"var(--color-warning)"}};