@primer/css
Version:
The CSS implementation of GitHub's Primer Design System
2 lines • 1.96 kB
CSS
.suggester{position:relative;top:0;left:0;min-width:180px;padding:0;margin:0;margin-top:var(--base-size-24);list-style:none;cursor:pointer;background:var(--overlay-bgColor, var(--color-canvas-overlay));border:1px solid var(--borderColor-default, var(--color-border-default));border-radius:6px;box-shadow:var(--shadow-resting-medium, var(--color-shadow-medium))}.suggester li{display:block;padding:var(--base-size-4) var(--base-size-8);font-weight:var(--base-text-weight-medium, 500);border-bottom:1px solid var(--borderColor-muted, var(--color-border-muted))}.suggester li small{font-weight:var(--base-text-weight-normal, 400);color:var(--fgColor-muted, var(--color-fg-muted))}.suggester li:last-child{border-bottom:0;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.suggester li:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.suggester li:hover{color:var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));text-decoration:none;background:var(--bgColor-accent-emphasis, var(--color-accent-emphasis))}.suggester li:hover small{color:var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))}.suggester li:hover .octicon{color:inherit }.suggester li[aria-selected=true],.suggester li.navigation-focus{color:var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));text-decoration:none;background:var(--bgColor-accent-emphasis, var(--color-accent-emphasis))}.suggester li[aria-selected=true] small,.suggester li.navigation-focus small{color:var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))}.suggester li[aria-selected=true] .octicon,.suggester li.navigation-focus .octicon{color:inherit }.suggester-container{position:absolute;top:0;left:0;z-index:30}@media(max-width: 544px){.page-responsive .suggester-container{right:var(--base-size-8) ;left:var(--base-size-8) }.page-responsive .suggester li{padding:var(--base-size-8) var(--base-size-16)}}
/*# sourceMappingURL=autocomplete.css.map */