@wikimedia/codex/dist/sandbox/assets/Breadcrumb-9jlLgvy9.css

Codex Design System for Wikimedia

.cdx-breadcrumb{display:flex;align-items:center;gap:4px}.cdx-breadcrumb__list{list-style:none;display:flex;align-items:center;gap:4px}[dir] .cdx-breadcrumb__list{margin:0}[dir=ltr] .cdx-breadcrumb__list{padding-left:0}[dir=rtl] .cdx-breadcrumb__list{padding-right:0}.cdx-breadcrumb__list__overflow,.cdx-breadcrumb__list__item{display:flex;align-items:center;gap:4px}.cdx-breadcrumb__list__item{flex-shrink:1}.cdx-breadcrumb__list__item .cdx-tooltip{font-size:var(--font-size-small, .875rem)}[dir] .cdx-breadcrumb__list__item .cdx-tooltip{background-color:var(--color-placeholder, #72777d)}.cdx-breadcrumb__link{color:var(--color-progressive, #36c);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .cdx-breadcrumb__link{border-radius:2px}.cdx-breadcrumb__link:visited{color:var(--color-visited, #6a60b0)}.cdx-breadcrumb__link:visited:hover{color:var(--color-visited--hover, #534fa3)}.cdx-breadcrumb__link:visited:active{color:var(--color-visited--active, #353262)}.cdx-breadcrumb__link:hover{color:var(--color-progressive--hover, #3056a9);text-decoration:underline}.cdx-breadcrumb__link:active{color:var(--color-progressive--active, #233566);text-decoration:underline}.cdx-breadcrumb__link:focus-visible{outline:solid 2px var(--outline-color-progressive--focus, #36c)}@supports not selector(:focus-visible){.cdx-breadcrumb__link:focus{outline:solid 2px var(--outline-color-progressive--focus, #36c)}}.cdx-breadcrumb__link .cdx-icon:not(.cdx-thumbnail__placeholder__icon--vue):last-child{min-width:10px;min-height:10px;width:var(--font-size-medium, 1rem);height:var(--font-size-medium, 1rem);vertical-align:middle}[dir=ltr] .cdx-breadcrumb__link .cdx-icon:not(.cdx-thumbnail__placeholder__icon--vue):last-child{padding-left:4px}[dir=rtl] .cdx-breadcrumb__link .cdx-icon:not(.cdx-thumbnail__placeholder__icon--vue):last-child{padding-right:4px}.cdx-breadcrumb__link[aria-current=page]{color:var(--color-base, #202122);font-weight:700;pointer-events:none}[dir] .cdx-breadcrumb__link[aria-current=page]{cursor:default}.cdx-breadcrumb__separator-icon{flex-shrink:0}