flyonui/components/divider/object.js

The easiest, free and open-source Tailwind CSS component library with semantic classes.

export default {".divider":{"display":"flex","width":"100%","align-items":"center","align-self":"stretch","font-size":"var(--text-sm)","line-height":"var(--tw-leading, var(--text-sm--line-height))","white-space":"nowrap","&:not(:empty)":{"gap":"calc(0.25rem * 4)"}},".divider:before, .divider:after":{"content":"\"\"","height":"1px","width":"100%","flex-grow":1,"border-inline-end-style":"var(--tw-border-style)","border-inline-end-width":"0px","border-top-style":"var(--tw-border-style)","border-top-width":"1px","--tw-border-style":"solid","border-style":"solid","border-color":"color-mix(in oklab, var(--color-base-content) 20%, transparent)"},".divider-horizontal":{"&.divider":{"height":"auto","width":"auto","flex-direction":"column","&:before, &:after":{"height":"100%","width":"1px","border-inline-end-style":"var(--tw-border-style)","border-inline-end-width":"1px","border-top-style":"var(--tw-border-style)","border-top-width":"0px"}}},".divider-vertical":{"&.divider":{"height":"auto","width":"auto","flex-direction":"row","&:before, &:after":{"height":"1px","border-inline-end-style":"var(--tw-border-style)","border-inline-end-width":"0px","border-top-style":"var(--tw-border-style)","border-top-width":"1px"}}},".divider-neutral":{"&:before, &:after":{"border-color":"var(--color-neutral)"}},".divider-primary":{"&:before, &:after":{"border-color":"var(--color-primary)"}},".divider-secondary":{"&:before, &:after":{"border-color":"var(--color-secondary)"}},".divider-accent":{"&:before, &:after":{"border-color":"var(--color-accent)"}},".divider-success":{"&:before, &:after":{"border-color":"var(--color-success)"}},".divider-warning":{"&:before, &:after":{"border-color":"var(--color-warning)"}},".divider-info":{"&:before, &:after":{"border-color":"var(--color-info)"}},".divider-error":{"&:before, &:after":{"border-color":"var(--color-error)"}},".divider-dotted":{"&:before, &:after":{"--tw-border-style":"dotted","border-style":"dotted"}},".divider-dashed":{"&:before, &:after":{"--tw-border-style":"dashed","border-style":"dashed"}},".divider-start:before":{"display":"none"},".divider-end:after":{"display":"none"}};