@aurodesignsystem/auro-nav/src/style-breadcrumb-css.js

auro-nav HTML custom element

import {css} from 'lit';
export default css`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}:host{display:inline-flex}:host .hyperlink:focus,:host .hyperlink:hover{text-decoration:underline}:host ::slotted(auro-icon[name=chevron-left]){display:none}:host:after{position:relative;display:inline-block;width:var(--ds-size-300, 1.5rem);height:var(--ds-size-300, 1.5rem);top:-1px;line-height:var(--ds-size-300, 1.5rem);margin-right:5px;margin-left:var(--ds-size-100, 0.5rem);background-color:var(--ds-color-icon-primary-default, #626b79);content:"";-webkit-mask-box-image:url("https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist/icons/interface/chevron-right.svg");mask-image:url("https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist/icons/interface/chevron-right.svg");mask-repeat:no-repeat}:host a{color:var(--ds-color-ui-default-default, #0074c8);text-decoration:none}@media screen and (max-width: 576px){:host ::slotted(auro-icon[name=chevron-left]){display:inline-block}:host ::slotted(auro-icon[name=home-stroke]){display:none}:host:after{content:unset}}:host(:not(:first-of-type)) ::slotted(auro-icon[name=home-stroke]){display:none}:host(:last-of-type){color:var(--ds-color-text-secondary-default, #626b79)}:host(:last-of-type):after{content:unset}@media screen and (max-width: 576px){:host(:not(:nth-last-of-type(2))){display:none}}`;