@primer/react/lib/SubNav/SubNav-88128e5c.css.map

An implementation of GitHub's Primer Design System using React

{"version":3,"sources":["../src/SubNav/SubNav.module.css"],"names":[],"mappings":"AAAA,yBACE,YAAa,CACb,6BACF,CAEA,uBACE,YAAa,CAEb,kBASF,CAPE,yBACE,oCACF,CAEA,oCACE,aACF,CAGF,0BACE,iBACF,CAMA,+CAHE,YA4CF,CAzCA,uBAeE,kBAAmB,CADnB,2GAAuE,CADvE,0GAAsE,CADtE,wGAAoE,CAHpE,oDAA6B,CAJ7B,8CAAuC,CACvC,8CAA2C,CAE3C,gBAAiB,CANjB,eAAgB,CAEhB,qCAAiC,CADjC,sCAAkC,CAOlC,iBAAkB,CAClB,4BAAqB,CAArB,oBA8BF,CAxBE,qCAGE,4DAAqD,CAFrD,yGAAqE,CACrE,yDAEF,CAEA,oCAEE,6DAAsD,CADtD,0DAEF,CAEA,0DAGE,gEAAsC,CADtC,4BAAqB,CAArB,oBAAqB,CAErB,oCACF,CAEA,gDAEE,4EAAgD,CAEhD,wEAA4C,CAH5C,2DAIF","file":"SubNav-88128e5c.css","sourcesContent":[".SubNav {\n  display: flex;\n  justify-content: space-between;\n}\n\n.Body {\n  display: flex;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-bottom: -1px;\n\n  & > * {\n    margin-left: var(--base-size-8);\n  }\n\n  & > *:first-child {\n    margin-left: 0;\n  }\n}\n\n.Actions {\n  align-self: center;\n}\n\n.Links {\n  display: flex;\n}\n\n.Link {\n  display: flex;\n  min-height: 34px; /* custom values for SubNav */\n  padding-right: var(--base-size-16);\n  padding-left: var(--base-size-16);\n  font-size: var(--text-body-size-medium);\n  font-weight: var(--base-text-weight-medium);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 20px; /* custom values for SubNav */\n  color: var(--fgColor-default);\n  text-align: center;\n  text-decoration: none;\n  border-top: var(--borderWidth-thin) solid var(--borderColor-default);\n  border-right: var(--borderWidth-thin) solid var(--borderColor-default);\n  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);\n  align-items: center;\n\n  &:first-of-type {\n    border-left: var(--borderWidth-thin) solid var(--borderColor-default);\n    border-top-left-radius: var(--borderRadius-medium);\n    border-bottom-left-radius: var(--borderRadius-medium);\n  }\n\n  &:last-of-type {\n    border-top-right-radius: var(--borderRadius-medium);\n    border-bottom-right-radius: var(--borderRadius-medium);\n  }\n\n  &:hover,\n  &:focus {\n    text-decoration: none;\n    background-color: var(--bgColor-muted);\n    transition: background-color 0.2s ease;\n  }\n\n  &:is([data-selected='true']) {\n    color: var(--fgColor-onEmphasis);\n    background-color: var(--bgColor-accent-emphasis);\n    /* stylelint-disable-next-line primer/colors */\n    border-color: var(--bgColor-accent-emphasis);\n  }\n}\n"]}