flyonui/components/breadcrumbs/object.js

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

export default {".breadcrumbs":{"max-width":"100%","overflow-x":"auto","> ul, > ol":{"display":"flex","align-items":"center","padding-block":"calc(0.25rem * 2)","white-space":"nowrap","min-height":"min-content",".breadcrumbs-separator":{"margin-inline":"calc(0.25rem * 2)","display":"inline-flex","flex-shrink":0,"align-items":"center","justify-content":"center","color":"color-mix(in oklab, var(--color-base-content) 50%, transparent)"},"> li":{"display":"inline-flex","align-items":"center","> a":{"display":"inline-flex","align-items":"center","gap":"calc(0.25rem * 1)","&:hover":{"@media (hover: hover)":{"color":"var(--color-primary)"}},"&:focus":{"--tw-outline-style":"none","outline-style":"none"},"&:focus-visible":{"outline":"2px solid currentColor","outline-offset":"2px"}},"&:last-child":{"cursor":"text","--tw-font-weight":"var(--font-weight-medium)","font-weight":"var(--font-weight-medium)","color":"var(--color-base-content)"}}}}};