@scania/tegel
Version:
Tegel Design System
38 lines • 1.07 kB
CSS
@charset "UTF-8";
:host([role=listitem]) div ::slotted(*) {
color: var(--tds-breadcrumb-color);
text-decoration: none;
}
:host([role=listitem]) div:hover ::slotted(*) {
color: var(--tds-breadcrumb-color-hover);
text-decoration: underline;
}
:host([role=listitem]) div ::slotted(*:focus-visible) {
outline: 2px solid var(--tds-focus-outline-color);
box-shadow: 0 0 0 1px var(--tds-white);
outline-offset: 1px;
z-index: 1;
}
:host([role=listitem]) div.current ::slotted(*),
:host([role=listitem]) div [aria-current=page] ::slotted(*) {
pointer-events: none;
cursor: default;
color: var(--tds-breadcrumb-color-current);
}
:host([role=listitem]) div.current:hover ::slotted(*),
:host([role=listitem]) div [aria-current=page]:hover ::slotted(*) {
text-decoration: none;
cursor: not-allowed;
}
:host([role=listitem]) div::after {
content: "›";
color: var(--tds-breadcrumb-separator-color);
margin-right: 4px;
margin-left: 4px;
display: inline-block;
width: 4px;
height: 8px;
}
:host([role=listitem]) .current::after {
display: none;
}