@aurodesignsystem/auro-nav/src/style-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([anchornav]){position:relative}:host([anchornav]) .label-container{padding-bottom:var(--ds-size-200, 1rem);color:var(--ds-color-text-secondary-default, #626b79)}:host([anchornav]) .label-container.hidden{display:none}@media screen and (max-width: 576px){:host([anchornav]) .showHideBtn{display:block}}@media screen and (max-width: 576px){:host([anchornav]:not([aria-expanded])):before{position:absolute;bottom:0;left:0;display:block;width:100%;height:100%;background:linear-gradient(180deg, rgba(255, 255, 255, 0.0001) 0%, rgba(255, 255, 255, 0.00874633) 6.67%, rgba(255, 255, 255, 0.0356065) 13.33%, rgba(255, 255, 255, 0.0817517) 20%, rgba(255, 255, 255, 0.147497) 26.67%, rgba(255, 255, 255, 0.231852) 33.33%, rgba(255, 255, 255, 0.331951) 40%, rgba(255, 255, 255, 0.442747) 46.67%, rgba(255, 255, 255, 0.557353) 53.33%, rgba(255, 255, 255, 0.668149) 60%, rgba(255, 255, 255, 0.768248) 66.67%, rgba(255, 255, 255, 0.852603) 73.33%, rgba(255, 255, 255, 0.918348) 80%, rgba(255, 255, 255, 0.964494) 86.67%, rgba(255, 255, 255, 0.991354) 93.33%, #FFFFFF 100%);content:"";pointer-events:none}:host([anchornav]:not([aria-expanded])) .showHideBtn [more]{display:none}:host([anchornav]:not([aria-expanded])) .showHideBtn [less]{display:inline}:host([anchornav]:not([aria-expanded])) ::slotted(auro-anchorlink){display:none}:host([anchornav]:not([aria-expanded])) ::slotted(auro-anchorlink:nth-of-type(1)),:host([anchornav]:not([aria-expanded])) ::slotted(auro-anchorlink:nth-of-type(2)),:host([anchornav]:not([aria-expanded])) ::slotted(auro-anchorlink:nth-of-type(3)){display:block}}.showHideBtn{display:none;margin-top:var(--ds-size-150, 0.75rem)}.showHideBtn [less]{display:none}.anchorMarker{position:absolute;left:0;display:none;width:2px;background:var(--ds-color-brand-neutral-500, #626b79)}.anchorMarker:not([resizing]){transition:400ms ease-out}`;