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"},":where(.breadcrumbs > ul), :where(.breadcrumbs > ol)":{"display":"flex","align-items":"center","padding-inline":"calc(0.25rem * 1)","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)"},":where(.breadcrumbs > ul > li), :where(.breadcrumbs > ol > li)":{"display":"inline-flex","align-items":"center"},":where(.breadcrumbs > ul > li > a), :where(.breadcrumbs > ol > li > 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"}},":where(.breadcrumbs > ul > li:last-child), :where(.breadcrumbs > ol > li:last-child)":{"cursor":"text","--tw-font-weight":"var(--font-weight-medium)","font-weight":"var(--font-weight-medium)","color":"var(--color-base-content)"}};