daisyui/components/divider.css

daisyUI 5 - The Tailwind CSS Component Library

/*! 🌼 daisyUI 5.7.17 - MIT License */ @layer utilities{@layer daisyui.l1.l2.l3{.divider{white-space:nowrap;height:1rem;margin:var(--divider-m,1rem 0);--divider-color:color-mix(in oklab, var(--color-base-content) 10%, transparent);flex-direction:row;align-self:stretch;align-items:center;display:flex}.divider:before,.divider:after{content:"";background-color:var(--divider-color);flex-grow:1;width:100%;height:.125rem}@media print{.divider:before,.divider:after{border:.5px solid}}.divider:not(:empty){gap:1rem}}@layer daisyui.l1.l2{.divider-horizontal{--divider-m:0 1rem}.divider-horizontal.divider{flex-direction:column;width:1rem;height:auto;&:before,&:after{width:.125rem;height:100%}}.divider-vertical{--divider-m:1rem 0}.divider-vertical.divider{flex-direction:row;width:auto;height:1rem;&:before,&:after{width:100%;height:.125rem}}.divider-neutral:before,.divider-neutral:after{background-color:var(--color-neutral)}.divider-primary:before,.divider-primary:after{background-color:var(--color-primary)}.divider-secondary:before,.divider-secondary:after{background-color:var(--color-secondary)}.divider-accent:before,.divider-accent:after{background-color:var(--color-accent)}.divider-success:before,.divider-success:after{background-color:var(--color-success)}.divider-warning:before,.divider-warning:after{background-color:var(--color-warning)}.divider-info:before,.divider-info:after{background-color:var(--color-info)}.divider-error:before,.divider-error:after{background-color:var(--color-error)}.divider-start:before,.divider-end:after{display:none}}@media (width>=640px){@layer daisyui.l1.l2.l3{.sm\:divider{white-space:nowrap;height:1rem;margin:var(--divider-m,1rem 0);--divider-color:color-mix(in oklab, var(--color-base-content) 10%, transparent);flex-direction:row;align-self:stretch;align-items:center;display:flex}.sm\:divider:before,.sm\:divider:after{content:"";background-color:var(--divider-color);flex-grow:1;width:100%;height:.125rem}@media print{.sm\:divider:before,.sm\:divider:after{border:.5px solid}}.sm\:divider:not(:empty){gap:1rem}}@layer daisyui.l1.l2{.sm\:divider-horizontal{--divider-m:0 1rem}.sm\:divider-horizontal.divider{flex-direction:column;width:1rem;height:auto;&:before,&:after{width:.125rem;height:100%}}.sm\:divider-vertical{--divider-m:1rem 0}.sm\:divider-vertical.divider{flex-direction:row;width:auto;height:1rem;&:before,&:after{width:100%;height:.125rem}}.sm\:divider-neutral:before,.sm\:divider-neutral:after{background-color:var(--color-neutral)}.sm\:divider-primary:before,.sm\:divider-primary:after{background-color:var(--color-primary)}.sm\:divider-secondary:before,.sm\:divider-secondary:after{background-color:var(--color-secondary)}.sm\:divider-accent:before,.sm\:divider-accent:after{background-color:var(--color-accent)}.sm\:divider-success:before,.sm\:divider-success:after{background-color:var(--color-success)}.sm\:divider-warning:before,.sm\:divider-warning:after{background-color:var(--color-warning)}.sm\:divider-info:before,.sm\:divider-info:after{background-color:var(--color-info)}.sm\:divider-error:before,.sm\:divider-error:after{background-color:var(--color-error)}.sm\:divider-start:before,.sm\:divider-end:after{display:none}}}@media (width>=768px){@layer daisyui.l1.l2.l3{.md\:divider{white-space:nowrap;height:1rem;margin:var(--divider-m,1rem 0);--divider-color:color-mix(in oklab, var(--color-base-content) 10%, transparent);flex-direction:row;align-self:stretch;align-items:center;display:flex}.md\:divider:before,.md\:divider:after{content:"";background-color:var(--divider-color);flex-grow:1;width:100%;height:.125rem}@media print{.md\:divider:before,.md\:divider:after{border:.5px solid}}.md\:divider:not(:empty){gap:1rem}}@layer daisyui.l1.l2{.md\:divider-horizontal{--divider-m:0 1rem}.md\:divider-horizontal.divider{flex-direction:column;width:1rem;height:auto;&:before,&:after{width:.125rem;height:100%}}.md\:divider-vertical{--divider-m:1rem 0}.md\:divider-vertical.divider{flex-direction:row;width:auto;height:1rem;&:before,&:after{width:100%;height:.125rem}}.md\:divider-neutral:before,.md\:divider-neutral:after{background-color:var(--color-neutral)}.md\:divider-primary:before,.md\:divider-primary:after{background-color:var(--color-primary)}.md\:divider-secondary:before,.md\:divider-secondary:after{background-color:var(--color-secondary)}.md\:divider-accent:before,.md\:divider-accent:after{background-color:var(--color-accent)}.md\:divider-success:before,.md\:divider-success:after{background-color:var(--color-success)}.md\:divider-warning:before,.md\:divider-warning:after{background-color:var(--color-warning)}.md\:divider-info:before,.md\:divider-info:after{background-color:var(--color-info)}.md\:divider-error:before,.md\:divider-error:after{background-color:var(--color-error)}.md\:divider-start:before,.md\:divider-end:after{display:none}}}@media (width>=1024px){@layer daisyui.l1.l2.l3{.lg\:divider{white-space:nowrap;height:1rem;margin:var(--divider-m,1rem 0);--divider-color:color-mix(in oklab, var(--color-base-content) 10%, transparent);flex-direction:row;align-self:stretch;align-items:center;display:flex}.lg\:divider:before,.lg\:divider:after{content:"";background-color:var(--divider-color);flex-grow:1;width:100%;height:.125rem}@media print{.lg\:divider:before,.lg\:divider:after{border:.5px solid}}.lg\:divider:not(:empty){gap:1rem}}@layer daisyui.l1.l2{.lg\:divider-horizontal{--divider-m:0 1rem}.lg\:divider-horizontal.divider{flex-direction:column;width:1rem;height:auto;&:before,&:after{width:.125rem;height:100%}}.lg\:divider-vertical{--divider-m:1rem 0}.lg\:divider-vertical.divider{flex-direction:row;width:auto;height:1rem;&:before,&:after{width:100%;height:.125rem}}.lg\:divider-neutral:before,.lg\:divider-neutral:after{background-color:var(--color-neutral)}.lg\:divider-primary:before,.lg\:divider-primary:after{background-color:var(--color-primary)}.lg\:divider-secondary:before,.lg\:divider-secondary:after{background-color:var(--color-secondary)}.lg\:divider-accent:before,.lg\:divider-accent:after{background-color:var(--color-accent)}.lg\:divider-success:before,.lg\:divider-success:after{background-color:var(--color-success)}.lg\:divider-warning:before,.lg\:divider-warning:after{background-color:var(--color-warning)}.lg\:divider-info:before,.lg\:divider-info:after{background-color:var(--color-info)}.lg\:divider-error:before,.lg\:divider-error:after{background-color:var(--color-error)}.lg\:divider-start:before,.lg\:divider-end:after{display:none}}}@media (width>=1280px){@layer daisyui.l1.l2.l3{.xl\:divider{white-space:nowrap;height:1rem;margin:var(--divider-m,1rem 0);--divider-color:color-mix(in oklab, var(--color-base-content) 10%, transparent);flex-direction:row;align-self:stretch;align-items:center;display:flex}.xl\:divider:before,.xl\:divider:after{content:"";background-color:var(--divider-color);flex-grow:1;width:100%;height:.125rem}@media print{.xl\:divider:before,.xl\:divider:after{border:.5px solid}}.xl\:divider:not(:empty){gap:1rem}}@layer daisyui.l1.l2{.xl\:divider-horizontal{--divider-m:0 1rem}.xl\:divider-horizontal.divider{flex-direction:column;width:1rem;height:auto;&:before,&:after{width:.125rem;height:100%}}.xl\:divider-vertical{--divider-m:1rem 0}.xl\:divider-vertical.divider{flex-direction:row;width:auto;height:1rem;&:before,&:after{width:100%;height:.125rem}}.xl\:divider-neutral:before,.xl\:divider-neutral:after{background-color:var(--color-neutral)}.xl\:divider-primary:before,.xl\:divider-primary:after{background-color:var(--color-primary)}.xl\:divider-secondary:before,.xl\:divider-secondary:after{background-color:var(--color-secondary)}.xl\:divider-accent:before,.xl\:divider-accent:after{background-color:var(--color-accent)}.xl\:divider-success:before,.xl\:divider-success:after{background-color:var(--color-success)}.xl\:divider-warning:before,.xl\:divider-warning:after{background-color:var(--color-warning)}.xl\:divider-info:before,.xl\:divider-info:after{background-color:var(--color-info)}.xl\:divider-error:before,.xl\:divider-error:after{background-color:var(--color-error)}.xl\:divider-start:before,.xl\:divider-end:after{display:none}}}@media (width>=1536px){@layer daisyui.l1.l2.l3{.\32 xl\:divider{white-space:nowrap;height:1rem;margin:var(--divider-m,1rem 0);--divider-color:color-mix(in oklab, var(--color-base-content) 10%, transparent);flex-direction:row;align-self:stretch;align-items:center;display:flex}.\32 xl\:divider:before,.\32 xl\:divider:after{content:"";background-color:var(--divider-color);flex-grow:1;width:100%;height:.125rem}@media print{.\32 xl\:divider:before,.\32 xl\:divider:after{border:.5px solid}}.\32 xl\:divider:not(:empty){gap:1rem}}@layer daisyui.l1.l2{.\32 xl\:divider-horizontal{--divider-m:0 1rem}.\32 xl\:divider-horizontal.divider{flex-direction:column;width:1rem;height:auto;&:before,&:after{width:.125rem;height:100%}}.\32 xl\:divider-vertical{--divider-m:1rem 0}.\32 xl\:divider-vertical.divider{flex-direction:row;width:auto;height:1rem;&:before,&:after{width:100%;height:.125rem}}.\32 xl\:divider-neutral:before,.\32 xl\:divider-neutral:after{background-color:var(--color-neutral)}.\32 xl\:divider-primary:before,.\32 xl\:divider-primary:after{background-color:var(--color-primary)}.\32 xl\:divider-secondary:before,.\32 xl\:divider-secondary:after{background-color:var(--color-secondary)}.\32 xl\:divider-accent:before,.\32 xl\:divider-accent:after{background-color:var(--color-accent)}.\32 xl\:divider-success:before,.\32 xl\:divider-success:after{background-color:var(--color-success)}.\32 xl\:divider-warning:before,.\32 xl\:divider-warning:after{background-color:var(--color-warning)}.\32 xl\:divider-info:before,.\32 xl\:divider-info:after{background-color:var(--color-info)}.\32 xl\:divider-error:before,.\32 xl\:divider-error:after{background-color:var(--color-error)}.\32 xl\:divider-start:before,.\32 xl\:divider-end:after{display:none}}}}