@primer/react/dist/Breadcrumbs/Breadcrumbs-dbfc9d95.css.map

An implementation of GitHub's Primer Design System using React

{"version":3,"sources":["../src/Breadcrumbs/Breadcrumbs.module.css.js","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,uCACE,YAAa,CACb,6BAA8B,CAC9B,UACF,CAEA,uCAGE,eAAgB,CADhB,YAAa,CADb,cAGF,CAIE,gGAEE,YAAa,CACb,kBAAmB,CAFnB,kBAGF,CAGF,qCAGE,iBAAkB,CAFlB,gDAA2B,CAC3B,YAAa,CAEb,sBAAuB,CAEvB,wBAAiB,CAAjB,gBAAiB,CADjB,kBAEF,CAEA,mCAGE,eAuBF,CArBE,4EAJA,oBAAqB,CACrB,8CAaA,CAVA,yCAQE,kEAA8C,CAF9C,UAAW,CAJX,WAAa,CAEb,aAAe,CAKf,2CACF,CAEA,+CACE,aACF,CAGE,oDACE,YACF,CAIJ,4BACE,oBAAqB,CACrB,8CAOF,CALE,0CACE,gDAAwC,CC5D1C,eAAgB,CAFhB,kEAAgC,CAChC,kBDgEA,CAIA,kDACE,gDAA0B,CAC1B,4BAAqB,CAArB,oBAeF,CAZI,iFACE,iCAA0B,CAA1B,yBACF,CAGF,qEACE,4BAAqB,CAArB,oBACF,CAEA,qEACE,oDACF,CAKF,oDAKE,gDAAyC,CAJzC,oDAA6B,CAG7B,uCAAiC,CADjC,yCAAkC,CADlC,4BAAqB,CAArB,oBAaF,CARE,+DACE,kGAAoD,CACpD,4BAAqB,CAArB,oBACF,CAEA,uEACE,gDACF,CAIJ,uCAGE,kBAAmB,CAFnB,mBAAoB,CAGpB,iBAAkB,CAFlB,qBAAsB,CAKtB,eAAgB,CAFhB,cAAe,CACf,kBAiDF,CA7CE,+EACE,kBACF,CAEA,mDACE,aACF,CAGE,uFACE,YACF,CAGF,0EAEE,oBAAqB,CADrB,iBAWF,CARE,uFAEE,cAAe,CADf,eAMF,CAHE,oHACE,YACF,CAIJ,0EAKE,mEAAwC,CADxC,8CAAwC,CADxC,mEAAwC,CAIxC,gBAAiB,CACjB,0CAAqC,CAFrC,2CAAsC,CAGtC,eAAgB,CARhB,iBAAkB,CAUlB,0EAA4D,CAT5D,SAcF,CAHE,8CAbF,0EAcI,4EAEJ,CADE","file":"Breadcrumbs-dbfc9d95.css","sourcesContent":[".BreadcrumbsBase {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.BreadcrumbsList {\n  padding-left: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n[data-overflow='menu'],\n[data-overflow='menu-with-root'] {\n  & .BreadcrumbsList {\n    white-space: nowrap;\n    display: flex;\n    flex-direction: row;\n  }\n}\n\n.ItemSeparator {\n  color: var(--fgColor-muted);\n  display: flex;\n  align-self: center;\n  justify-content: center;\n  white-space: nowrap;\n  user-select: none;\n}\n\n.ItemWrapper {\n  display: inline-block;\n  font-size: var(--text-body-size-medium);\n  list-style: none;\n\n  &::after {\n    display: inline-block;\n    height: 0.8em;\n    /* stylelint-disable-next-line primer/spacing */\n    margin: 0 0.5em;\n    font-size: var(--text-body-size-medium);\n    content: '';\n    /* stylelint-disable-next-line primer/borders, primer/colors */\n    border-right: 0.1em solid var(--fgColor-muted);\n    transform: rotate(15deg) translateY(0.0625em);\n  }\n\n  &:first-child {\n    margin-left: 0;\n  }\n\n  &:last-child {\n    &::after {\n      content: none;\n    }\n  }\n}\n\n.Item {\n  display: inline-block;\n  font-size: var(--text-body-size-medium);\n\n  &:focus-visible {\n    border-radius: var(--borderRadius-small);\n\n    @mixin focusOutline 2px;\n  }\n}\n\n[data-variant='normal'] {\n  & .Item {\n    color: var(--fgColor-link);\n    text-decoration: none;\n\n    &:not([aria-current]) {\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n\n    &:focus-visible {\n      text-decoration: none;\n    }\n\n    &[aria-current] {\n      color: var(--fgColor-default);\n    }\n  }\n}\n\n[data-variant='spacious'] {\n  & .Item {\n    color: var(--fgColor-default);\n    text-decoration: none;\n    padding-inline: var(--base-size-6);\n    padding-block: var(--base-size-4);\n    border-radius: var(--borderRadius-medium);\n\n    &:hover {\n      background: var(--control-transparent-bgColor-hover);\n      text-decoration: none;\n    }\n\n    &[aria-current] {\n      font-weight: var(--base-text-weight-semibold);\n    }\n  }\n}\n\n.BreadcrumbsItem {\n  display: inline-grid;\n  grid-auto-flow: column;\n  align-items: center;\n  flex: 0 99999 auto;\n  min-width: auto;\n  white-space: nowrap;\n  list-style: none;\n\n  /* allow menu items to wrap line */\n  &:has(.MenuOverlay) {\n    white-space: normal;\n  }\n\n  &:first-child {\n    margin-left: 0;\n  }\n\n  &:last-child {\n    .ItemSeparator {\n      display: none;\n    }\n  }\n\n  .MenuDetails {\n    position: relative;\n    display: inline-block;\n\n    & summary {\n      list-style: none;\n      cursor: pointer;\n\n      &::-webkit-details-marker {\n        display: none;\n      }\n    }\n  }\n\n  .MenuOverlay {\n    position: absolute;\n    z-index: 1;\n    box-shadow: var(--shadow-floating-small);\n    border-radius: var(--borderRadius-large);\n    background-color: var(--overlay-bgColor);\n    min-width: var(--overlay-width-xsmall);\n    max-height: 100vh;\n    max-width: var(--overlay-width-small);\n    overflow: hidden;\n    /* stylelint-disable-next-line primer/spacing */\n    top: calc(var(--overlay-offset) + var(--control-small-size));\n\n    @media (prefers-reduced-motion: no-preference) {\n      animation: overlay-appear 200ms cubic-bezier(0.33, 1, 0.68, 1);\n    }\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"]}