@arco-design/web-react
Version:
Arco Design React UI Library.
1 lines • 1.42 kB
CSS
.arco-breadcrumb{display:inline-block;font-size:14px;color:var(--color-text-2)}.arco-breadcrumb-icon{color:var(--color-text-2)}.arco-breadcrumb-item{display:inline-flex;align-items:center;padding:0 4px;vertical-align:middle;line-height:24px;color:var(--color-text-2)}.arco-breadcrumb-item>.arco-icon{color:var(--color-text-3)}.arco-breadcrumb-item a,.arco-breadcrumb-item[href]{display:inline-block;border-radius:var(--border-radius-small);padding:0 4px;margin:0 -4px;text-decoration:none;color:var(--color-text-2);background-color:transparent}.arco-breadcrumb-item a:hover,.arco-breadcrumb-item[href]:hover{background-color:var(--color-fill-2);color:rgb(var(--link-6))}.arco-breadcrumb-item a:focus-visible,.arco-breadcrumb-item[href]:focus-visible{box-shadow:0 0 0 2px rgb(var(--primary-6))}.arco-breadcrumb-item:last-child{color:var(--color-text-1);font-weight:500}.arco-breadcrumb-item-ellipses{display:inline-block;position:relative;top:-3px;padding:0 4px;color:var(--color-text-2)}.arco-breadcrumb-item-separator{display:inline-block;margin:0 4px;vertical-align:middle;line-height:24px;color:var(--color-text-4)}.arco-breadcrumb-item-with-dropdown{cursor:pointer}.arco-breadcrumb-item-dropdown-icon{font-size:12px;margin-left:4px;color:var(--color-text-2)}.arco-breadcrumb-item-dropdown-icon-active svg{transform:rotate(180deg)}.arco-breadcrumb-rtl .arco-breadcrumb-item-dropdown-icon{margin-left:0;margin-right:4px}