@primer/react/lib-esm/ActionList/Group-2c8b5711.css.map

An implementation of GitHub's Primer Design System using React

{"version":3,"sources":["../src/ActionList/Group.module.css"],"names":[],"mappings":"AAAA,4BACE,eAcF,CAZE,8CACE,2CAUF,CAJI,2KACE,YACF,CAKN,gCACE,sBACF,CAEA,uCAQE,gDAA2B,CAP3B,YAAa,CAQb,qBAAsB,CAPtB,4CAAsC,CACtC,gDAA6C,CAI7C,gBAAiB,CAIjB,wCAAiC,CADjC,uCAoBF,CAjBE,oEAIE,0DAAgC,CAEhC,uGAAqE,CADrE,oGAAkE,CAFlE,yCAAoC,CADpC,oFAAsE,CAKtE,uCAKF,CAHE,gFACE,oBACF,CAQJ,mCAKE,qBAAsB,CADtB,gDAA2B,CAF3B,4CAAsC,CACtC,gDAA6C,CAF7C,QAKF","file":"Group-2c8b5711.css","sourcesContent":[".Group {\n  list-style: none;\n\n  &:not(:first-child) {\n    margin-block-start: var(--base-size-8);\n\n    /* If somebody tries to pass the `title` prop AND a `NavList.GroupHeading` as a child, hide the `ActionList.GroupHeading */\n    /* stylelint-disable-next-line selector-max-specificity */\n    &:has(.GroupHeadingWrap + ul > .GroupHeadingWrap) {\n      /* stylelint-disable-next-line selector-max-specificity */\n      & > .GroupHeadingWrap {\n        display: none;\n      }\n    }\n  }\n}\n\n.GroupList {\n  padding-inline-start: 0;\n}\n\n.GroupHeadingWrap {\n  display: flex;\n  font-size: var(--text-body-size-small);\n  font-weight: var(--base-text-weight-semibold);\n\n  /* line-height: var(--text-body-lineHeight-small); use when FF rolls out */\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 18px;\n  color: var(--fgColor-muted);\n  flex-direction: column;\n  padding-inline: var(--base-size-16);\n  padding-block: var(--base-size-6);\n\n  &:where([data-variant='filled']) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-block-start: calc(var(--base-size-8) - var(--borderWidth-thin));\n    margin-block-end: var(--base-size-8);\n    background: var(--bgColor-muted);\n    border-top: solid var(--borderWidth-thin) var(--borderColor-muted);\n    border-bottom: solid var(--borderWidth-thin) var(--borderColor-muted);\n    padding-inline: var(--base-size-16);\n\n    &:first-child {\n      margin-block-start: 0;\n    }\n  }\n\n  /* & + ul:has(.GroupHeadingWrap) {\n    outline: solid 1px red;\n  } */\n}\n\n.GroupHeading {\n  margin: 0;\n  font-size: var(--text-body-size-small);\n  font-weight: var(--base-text-weight-semibold);\n  color: var(--fgColor-muted);\n  align-self: flex-start;\n}\n"]}