frutjam
Version:
A utility-first CSS UI Library for Tailwind CSS
2 lines (1 loc) • 1.92 kB
JavaScript
export default {".breadcrumb-list":{"list-style":"none","padding":"0","margin":"0","display":"flex","min-height":"min-content","align-items":"center","white-space":"nowrap"},".breadcrumb-separator":{"display":"flex","align-items":"center","margin-inline":"0.5rem","color":"var(--color-body)"},".breadcrumb-item":{"display":"flex","align-items":"center","&::before":{"content":"\"\"","margin-inline-end":"0.75rem","margin-inline-start":"0.5rem","height":"0.375rem","width":"0.375rem","display":"block","transform":"rotate(45deg)","transition":"transform 300ms","border-block-start":"1px solid","border-inline-end":"1px solid","background-color":"oklch(0 0 0 / 0)","color":"var(--color-body)"},"&:first-child":{"&::before":{"content":"none"}},"&:has(.breadcrumb-separator)":{"&::before":{"content":"none"}},"&:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *)":{"&::before":{"content":"var(--tw-content)","transform":"rotate(-135deg)"}},"&:has([aria-current=\"page\"])":{"color":"currentColor"}},".breadcrumb-link":{"color":"var(--color-body)","display":"flex","align-items":"center","gap":"0.5rem","line-height":"1.125rem","text-decoration":"none","background-image":"linear-gradient(currentColor, currentColor)","background-position":"left bottom","background-repeat":"no-repeat","background-size":"0% 1px","transition":"background-size 200ms ease-out, color 200ms ease-out","&:hover":{"@media (hover: hover)":{"background-size":"100% 1px","cursor":"pointer"}},"&:focus":{"outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"}},"&:focus-visible":{"outline":"2px solid currentColor","outline-offset":"2px"}},".breadcrumb-current":{"color":"currentColor","display":"flex","align-items":"center","gap":"0.5rem","line-height":"1.125rem"},".breadcrumb":{"padding-block":"0.5rem","max-width":"100%","overflow-x":"auto","font-size":"0.875rem","color":"currentColor"}};