@synergy-design-system/components
Version:
93 lines (79 loc) • 2.21 kB
JavaScript
// src/components/breadcrumb-item/breadcrumb-item.styles.ts
import { css } from "lit";
var breadcrumb_item_styles_default = css`
/* stylelint-disable */
:host {
display: inline-flex;
}
.breadcrumb-item {
display: inline-flex;
align-items: center;
font-family: var(--syn-font-sans);
font-size: var(--syn-font-size-small);
font-weight: var(--syn-font-weight-semibold);
color: var(--syn-color-neutral-600);
line-height: var(--syn-line-height-normal);
white-space: nowrap;
}
.breadcrumb-item__label {
display: inline-block;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
text-decoration: none;
color: inherit;
background: none;
border: none;
border-radius: var(--syn-border-radius-medium);
padding: 0;
margin: 0;
cursor: pointer;
transition: var(--syn-transition-fast) --color;
}
:host(:not(:last-of-type)) .breadcrumb-item__label {
color: var(--syn-color-primary-600);
}
:host(:not(:last-of-type)) .breadcrumb-item__label:hover {
color: var(--syn-color-primary-500);
}
:host(:not(:last-of-type)) .breadcrumb-item__label:active {
color: var(--syn-color-primary-600);
}
.breadcrumb-item__label:focus {
outline: none;
}
.breadcrumb-item__label:focus-visible {
outline: var(--syn-focus-ring);
outline-offset: var(--syn-focus-ring-offset);
}
.breadcrumb-item__prefix,
.breadcrumb-item__suffix {
display: none;
flex: 0 0 auto;
display: flex;
align-items: center;
}
.breadcrumb-item--has-prefix .breadcrumb-item__prefix {
display: inline-flex;
margin-inline-end: var(--syn-spacing-x-small);
}
.breadcrumb-item--has-suffix .breadcrumb-item__suffix {
display: inline-flex;
margin-inline-start: var(--syn-spacing-x-small);
}
:host(:last-of-type) .breadcrumb-item__separator {
display: none;
}
.breadcrumb-item__separator {
display: inline-flex;
align-items: center;
margin: 0 var(--syn-spacing-x-small);
user-select: none;
-webkit-user-select: none;
}
`;
export {
breadcrumb_item_styles_default
};
//# sourceMappingURL=chunk.OFKOVRHG.js.map