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