@primer/react/lib-esm/TabNav/TabNav-83c6145e.css.map

An implementation of GitHub's Primer Design System using React

{"version":3,"sources":["../src/TabNav/TabNav.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,gCACE,YAAa,CAEb,kBAAmB,CACnB,aACF,CAEA,4BAEE,2GAAuE,CADvE,YAEF,CAEA,6BAOE,4BAA6B,CAE7B,yDAAgB,CAAhB,eAAgB,CAPhB,8CAAuC,CAEvC,gBAAiB,CAHjB,2DA4BF,CAlBE,gEANA,oDASA,CAEA,mGAVA,4BAAqB,CAArB,oBAcA,CAJA,mCCzBA,eAAgB,CAFhB,kEAAgC,CAChC,mBD8BA,CAEA,uDAEE,mEAAwC,CACxC,mEAAwC,CACxC,yDAAkD,CAClD,0DAAmD,CAJnD,oDAKF","file":"TabNav-83c6145e.css","sourcesContent":[".TabNavTabList {\n  display: flex;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-bottom: -1px;\n  overflow: auto;\n}\n\n.TabNavNav {\n  margin-top: 0;\n  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.TabNavLink {\n  padding: var(--base-size-8) var(--base-size-12);\n  font-size: var(--text-body-size-medium);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 20px;\n  color: var(--fgColor-default);\n  text-decoration: none;\n  background-color: transparent;\n  border: var(--borderWidth-thin) solid transparent;\n  border-bottom: 0;\n\n  &:hover {\n    color: var(--fgColor-default);\n    text-decoration: none;\n  }\n\n  &:focus {\n    text-decoration: none;\n\n    @mixin focusOutline -6px;\n  }\n\n  &.Selected {\n    color: var(--fgColor-default);\n    background-color: var(--bgColor-default);\n    border-color: var(--borderColor-default);\n    border-top-left-radius: var(--borderRadius-medium);\n    border-top-right-radius: var(--borderRadius-medium);\n  }\n}\n","@define-mixin focusOutline $outlineOffset: -2px, $outlineColor: var(--focus-outlineColor) {\n  outline: 2px solid $outlineColor;\n  outline-offset: $outlineOffset;\n  box-shadow: none;\n}\n"]}