@primer/react
Version:
An implementation of GitHub's Primer Design System using React
2 lines • 2.7 kB
CSS
.prc-UnderlineNav-UnderlineNav-1AFnH{border-bottom:var(--borderWidth-thin,.0625rem) solid var(--borderColor-muted,var(--color-border-muted));display:flex;justify-content:space-between}.prc-UnderlineNav-UnderlineNav-1AFnH.prc-UnderlineNav-UnderlineNav--right-gSEmk{justify-content:flex-end}.prc-UnderlineNav-UnderlineNav-1AFnH.prc-UnderlineNav-UnderlineNav--right-gSEmk .prc-UnderlineNav-UnderlineNavItem-TFW6v{margin-left:var(--base-size-16,1rem);margin-right:0}.prc-UnderlineNav-UnderlineNav-1AFnH.prc-UnderlineNav-UnderlineNav--right-gSEmk .prc-UnderlineNav-UnderlineNavActions-DASST{flex:1 1 auto}.prc-UnderlineNav-UnderlineNav-1AFnH.prc-UnderlineNav-UnderlineNav--full-ah6i4{display:block}.prc-UnderlineNav-UnderlineNav-1AFnH .prc-UnderlineNav-UnderlineNavBody-NCFdZ{display:flex;margin-bottom:-1px}.prc-UnderlineNav-UnderlineNav-1AFnH .prc-UnderlineNav-UnderlineNavActions-DASST{align-self:center}.prc-UnderlineNav-UnderlineNavLink-u9IaZ{border-bottom:2px solid transparent;color:var(--fgColor-default,var(--color-fg-default));font-size:var(--text-body-size-medium,.875rem);line-height:var(--text-title-lineHeight-large,1.5);margin-right:var(--base-size-16,1rem);padding:var(--base-size-16,1rem) var(--base-size-8,.5rem);text-align:center;-webkit-text-decoration:none;text-decoration:none}.prc-UnderlineNav-UnderlineNavLink-u9IaZ:focus:not(:disabled){box-shadow:none;outline:2px solid var(--fgColor-accent,var(--color-accent-fg));outline-offset:-8px}.prc-UnderlineNav-UnderlineNavLink-u9IaZ:focus:not(:disabled):not(:focus-visible){outline:1px solid transparent}.prc-UnderlineNav-UnderlineNavLink-u9IaZ:focus-visible:not(:disabled){box-shadow:none;outline:2px solid var(--fgColor-accent,var(--color-accent-fg));outline-offset:-8px}.prc-UnderlineNav-UnderlineNavLink-u9IaZ:focus,.prc-UnderlineNav-UnderlineNavLink-u9IaZ:hover{border-bottom-color:var(--borderColor-muted,var(--color-border-muted));color:var(--fgColor-default,var(--color-fg-default));-webkit-text-decoration:none;text-decoration:none;transition:border-bottom-color .2s ease}.prc-UnderlineNav-UnderlineNavLink-u9IaZ:focus .prc-UnderlineNav-UnderlineNavOcticon-oU5sK,.prc-UnderlineNav-UnderlineNavLink-u9IaZ:hover .prc-UnderlineNav-UnderlineNavOcticon-oU5sK{color:var(--fgColor-muted,var(--color-fg-muted))}.prc-UnderlineNav-UnderlineNavLink-u9IaZ:where([data-selected]){border-bottom-color:var(--underlineNav-borderColor-active,var(--color-primer-border-active));color:var(--fgColor-default,var(--color-fg-default))}.prc-UnderlineNav-UnderlineNavLink-u9IaZ:where([data-selected]) .prc-UnderlineNav-UnderlineNavOcticon-oU5sK{color:var(--fgColor-default,var(--color-fg-default))}
/*# sourceMappingURL=UnderlineNav-0c1e0dff.css.map */