@primer/react
Version:
An implementation of GitHub's Primer Design System using React
2 lines • 3.84 kB
CSS
.prc-src-SideNav-aJOh-{background-color:var(--bgColor-muted,var(--color-canvas-subtle))}.prc-src-SideNavBordered-mEO0A{border-color:var(--borderColor-default,var(--color-border-default));border-radius:var(--borderRadius-medium,.375rem);border-style:solid;border-width:var(--borderWidth-thin,.0625rem)}.prc-src-SideNavBordered-mEO0A>.prc-src-SideNavBordered-mEO0A{border-bottom:0;border-left:0;border-right:0}.prc-src-SideNavLink-HpDo-{display:block;font-size:14px;position:relative;text-align:left;-webkit-text-decoration:none;text-decoration:none;width:100%}.prc-src-SideNavLink-HpDo->.prc-src-SideNav-aJOh-{border-bottom:none}.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--normal-ZqAVW>.prc-src-SideNavLink-HpDo-{border:0;border-top:var(--borderWidth-thin,.0625rem) solid var(--borderColor-muted,var(--color-border-muted));color:var(--fgColor-default,var(--color-fg-default));padding:var(--base-size-16,1rem)}:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--normal-ZqAVW>.prc-src-SideNavLink-HpDo-):first-child{border-top:0;border-top-left-radius:var(--borderRadius-medium,.375rem);border-top-right-radius:var(--borderRadius-medium,.375rem)}:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--normal-ZqAVW>.prc-src-SideNavLink-HpDo-):last-child{border-bottom-left-radius:var(--borderRadius-medium,.375rem);border-bottom-right-radius:var(--borderRadius-medium,.375rem)}:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--normal-ZqAVW>.prc-src-SideNavLink-HpDo-):before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;top:0;width:3px;z-index:1}:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--normal-ZqAVW>.prc-src-SideNavLink-HpDo-):hover{background-color:var(--bgColor-neutral-muted,var(--color-neutral-subtle));-webkit-text-decoration:none;text-decoration:none}:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--normal-ZqAVW>.prc-src-SideNavLink-HpDo-):focus{background-color:var(--bgColor-neutral-muted,var(--color-neutral-subtle));outline:solid 2px var(--fgColor-accent,var(--color-accent-fg));-webkit-text-decoration:none;text-decoration:none;z-index:1}[aria-current=page]:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--normal-ZqAVW>.prc-src-SideNavLink-HpDo-),[aria-selected=true]:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--normal-ZqAVW>.prc-src-SideNavLink-HpDo-){background-color:var(--bgColor-default,var(--color-canvas-default))}:is([aria-current=page]:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--normal-ZqAVW>.prc-src-SideNavLink-HpDo-),[aria-selected=true]:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--normal-ZqAVW>.prc-src-SideNavLink-HpDo-)):before{background-color:var(--underlineNav-borderColor-active,var(--color-primer-border-active,#fd8c73))}.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--lightweight-mcFtR>.prc-src-SideNavLink-HpDo-{color:var(--fgColor-accent,var(--color-accent-fg));padding:var(--base-size-4,.25rem) 0}:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--lightweight-mcFtR>.prc-src-SideNavLink-HpDo-):hover{color:var(--fgColor-default,var(--color-fg-default));-webkit-text-decoration:none;text-decoration:none}:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--lightweight-mcFtR>.prc-src-SideNavLink-HpDo-):focus{color:var(--fgColor-default,var(--color-fg-default));outline:solid 1px var(--fgColor-accent,var(--color-accent-fg));-webkit-text-decoration:none;text-decoration:none;z-index:1}[aria-current=page]:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--lightweight-mcFtR>.prc-src-SideNavLink-HpDo-),[aria-selected=true]:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--lightweight-mcFtR>.prc-src-SideNavLink-HpDo-){color:var(--fgColor-default,var(--color-fg-default));font-weight:var(--base-text-weight-medium,500)}.prc-src-SideNavLinkFull-HSWcY{align-items:center;display:flex;justify-content:space-between}
/*# sourceMappingURL=SideNav-baa2364d.css.map */