@primer/react/lib-esm/SideNav-4ad975f5.css.map

An implementation of GitHub's Primer Design System using React

{"version":3,"sources":["src/SideNav.module.css"],"names":[],"mappings":"AAAA,uBACE,gEACF,CAEA,+BACE,mEAAwC,CAGxC,gDAAyC,CAFzC,kBAAmB,CACnB,sDASF,CALE,8DAEE,eAAgB,CAChB,aAAc,CAFd,cAGF,CAGF,2BAEE,aAAc,CAGd,cAAe,CAJf,iBAAkB,CAKlB,eAAgB,CAChB,4BAAqB,CAArB,oBAAqB,CAJrB,UAsFF,CAhFE,kDACE,kBACF,CAEA,sFAGE,QAAS,CACT,6GAAkE,CAFlE,oDAA6B,CAD7B,gCAmDF,CA9CE,uGACE,YAAa,CACb,yDAAkD,CAClD,0DACF,CAEA,sGAEE,4DAAqD,CADrD,6DAEF,CAGA,kGAGE,QAAS,CAKT,UAAW,CAJX,MAAO,CAGP,mBAAoB,CANpB,iBAAkB,CAClB,KAAM,CAIN,SAAU,CADV,SAIF,CAEA,iGAEE,yEAA8C,CAD9C,4BAAqB,CAArB,oBAEF,CAEA,iGAGE,yEAA8C,CAC9C,8DAAwC,CAFxC,4BAAqB,CAArB,oBAAqB,CADrB,SAIF,CAEA,6NAEE,mEAQF,CAJE,yOAEE,iGACF,CAIJ,2FAEE,kDAA4B,CAD5B,mCAoBF,CAjBE,sGACE,oDAA6B,CAC7B,4BAAqB,CAArB,oBACF,CAEA,sGAEE,oDAA6B,CAE7B,8DAAwC,CADxC,4BAAqB,CAArB,oBAAqB,CAFrB,SAIF,CAEA,uOAGE,oDAA6B,CAD7B,8CAEF,CAIJ,+BAEE,kBAAmB,CADnB,YAAa,CAEb,6BACF","file":"SideNav-4ad975f5.css","sourcesContent":[".SideNav {\n  background-color: var(--bgColor-muted);\n}\n\n.SideNavBordered {\n  border-color: var(--borderColor-default);\n  border-style: solid;\n  border-width: var(--borderWidth-thin);\n  border-radius: var(--borderRadius-medium);\n\n  /*  Remove duplicate borders from nested SideNavs */\n  & > & {\n    border-right: 0;\n    border-bottom: 0;\n    border-left: 0;\n  }\n}\n\n.SideNavLink {\n  position: relative;\n  display: block;\n  width: 100%;\n  /* stylelint-disable-next-line primer/typography */\n  font-size: 14px;\n  text-align: left;\n  text-decoration: none;\n\n  & > .SideNav {\n    border-bottom: none;\n  }\n\n  .SideNav.SideNavVariant-normal > & {\n    padding: var(--base-size-16);\n    color: var(--fgColor-default);\n    border: 0;\n    border-top: var(--borderWidth-thin) solid var(--borderColor-muted);\n\n    &:first-child {\n      border-top: 0;\n      border-top-left-radius: var(--borderRadius-medium);\n      border-top-right-radius: var(--borderRadius-medium);\n    }\n\n    &:last-child {\n      border-bottom-right-radius: var(--borderRadius-medium);\n      border-bottom-left-radius: var(--borderRadius-medium);\n    }\n\n    /* Bar on the left */\n    &::before {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      z-index: 1;\n      width: 3px;\n      pointer-events: none;\n      content: '';\n    }\n\n    &:hover {\n      text-decoration: none;\n      background-color: var(--bgColor-neutral-muted);\n    }\n\n    &:focus {\n      z-index: 1;\n      text-decoration: none;\n      background-color: var(--bgColor-neutral-muted);\n      outline: solid 2px var(--fgColor-accent);\n    }\n\n    &[aria-current='page'],\n    &[aria-selected='true'] {\n      background-color: var(--bgColor-default);\n\n      /* Bar on the left */\n      /* stylelint-disable-next-line selector-max-specificity */\n      &::before {\n        /* stylelint-disable-next-line primer/colors */\n        background-color: var(--underlineNav-borderColor-active, var(--color-primer-border-active, #fd8c73));\n      }\n    }\n  }\n\n  .SideNav.SideNavVariant-lightweight > & {\n    padding: var(--base-size-4) 0;\n    color: var(--fgColor-accent);\n\n    &:hover {\n      color: var(--fgColor-default);\n      text-decoration: none;\n    }\n\n    &:focus {\n      z-index: 1;\n      color: var(--fgColor-default);\n      text-decoration: none;\n      outline: solid 1px var(--fgColor-accent);\n    }\n\n    &[aria-current='page'],\n    &[aria-selected='true'] {\n      font-weight: var(--base-text-weight-medium);\n      color: var(--fgColor-default);\n    }\n  }\n}\n\n.SideNavLinkFull {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n"]}