@primer/react/dist/deprecated/UnderlineNav/UnderlineNav-0c1e0dff.css.map

An implementation of GitHub's Primer Design System using React

{"version":3,"sources":["../../src/deprecated/UnderlineNav/UnderlineNav.module.css.js"],"names":[],"mappings":"AAAA,qCAGE,uGAAqE,CAFrE,YAAa,CACb,6BA6BF,CA1BE,gFACE,wBACF,CAEA,yHAEE,oCAAgC,CADhC,cAEF,CAEA,4HACE,aACF,CAEA,+EACE,aACF,CAEA,8EACE,YAAa,CAEb,kBACF,CAEA,iFACE,iBACF,CAGF,yCAQE,mCAAoC,CAHpC,oDAA6B,CAF7B,8CAAuC,CACvC,kDAA+C,CAF/C,qCAAiC,CADjC,yDAA+C,CAK/C,iBAAkB,CAGlB,4BAAqB,CAArB,oBAoBF,CAjBE,8DACE,eAAgB,CAChB,8DAAwC,CACxC,mBAMF,CAHE,kFACE,6BACF,CAIF,sEACE,eAAgB,CAChB,8DAAwC,CACxC,mBACF,CAGF,8FAIE,sEAA6C,CAF7C,oDAA6B,CAC7B,4BAAqB,CAArB,oBAAqB,CAErB,uCACF,CAEA,sLAEE,gDACF,CAEA,gEAEE,4FAA2D,CAD3D,oDAEF,CAEA,4GACE,oDACF","file":"UnderlineNav-0c1e0dff.css","sourcesContent":[".UnderlineNav {\n  display: flex;\n  justify-content: space-between;\n  border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted);\n\n  &.UnderlineNav--right {\n    justify-content: flex-end;\n  }\n\n  &.UnderlineNav--right .UnderlineNavItem {\n    margin-right: 0;\n    margin-left: var(--base-size-16);\n  }\n\n  &.UnderlineNav--right .UnderlineNavActions {\n    flex: 1 1 auto;\n  }\n\n  &.UnderlineNav--full {\n    display: block;\n  }\n\n  .UnderlineNavBody {\n    display: flex;\n    /* stylelint-disable-next-line primer/spacing */\n    margin-bottom: -1px;\n  }\n\n  .UnderlineNavActions {\n    align-self: center;\n  }\n}\n\n.UnderlineNavLink {\n  padding: var(--base-size-16) var(--base-size-8);\n  margin-right: var(--base-size-16);\n  font-size: var(--text-body-size-medium);\n  line-height: var(--text-title-lineHeight-large);\n  color: var(--fgColor-default);\n  text-align: center;\n  /* stylelint-disable-next-line primer/borders */\n  border-bottom: 2px solid transparent;\n  text-decoration: none;\n\n  /* fallback :focus state */\n  &:focus:not(:disabled) {\n    box-shadow: none;\n    outline: 2px solid var(--fgColor-accent);\n    outline-offset: -8px;\n\n    /* remove fallback :focus if :focus-visible is supported */\n    &:not(:focus-visible) {\n      outline: solid 1px transparent;\n    }\n  }\n\n  /* default focus state */\n  &:focus-visible:not(:disabled) {\n    box-shadow: none;\n    outline: 2px solid var(--fgColor-accent);\n    outline-offset: -8px;\n  }\n}\n\n.UnderlineNavLink:hover,\n.UnderlineNavLink:focus {\n  color: var(--fgColor-default);\n  text-decoration: none;\n  border-bottom-color: var(--borderColor-muted);\n  transition: border-bottom-color 0.2s ease;\n}\n\n.UnderlineNavLink:hover .UnderlineNavOcticon,\n.UnderlineNavLink:focus .UnderlineNavOcticon {\n  color: var(--fgColor-muted);\n}\n\n.UnderlineNavLink:where([data-selected]) {\n  color: var(--fgColor-default);\n  border-bottom-color: var(--underlineNav-borderColor-active);\n}\n\n.UnderlineNavLink:where([data-selected]) .UnderlineNavOcticon {\n  color: var(--fgColor-default);\n}\n"]}