{"version":3,"sources":["counter.pcss"],"names":[],"mappings":"AAAA,YAAY;;AAEZ;EACE,qBAAqB;EACrB,oCAAoC,EAAE,iDAAiD;EACvF,cAAc;EACd,mDAAmD;EACnD,gDAAgD;EAChD,sFAAsF,EAAE,+BAA+B;EACvH,8BAA8B;EAC9B,kBAAkB;EAClB,4CAA4C;EAC5C,6EAA6E;EAC7E,kBAAkB;AAWpB;;AATE;IACE,aAAa;EACf;;AAEA,wDAAwD;;AACxD;IACE,wBAAwB;IACxB,YAAY;EACd;;AAGF;EACE,kCAAkC;EAClC,+CAA+C;AACjD;;AAEA;EACE,4BAA4B;EAC5B,6CAA6C;AAC/C","file":"counter.css","sourcesContent":["/* Counter */\n\n.Counter {\n  display: inline-block;\n  min-width: var(--base-size-20, 20px); /* makes sure it's a circle with just one digit */\n  padding: 0 6px;\n  font-size: var(--yattho-text-body-size-small, 12px);\n  font-weight: var(--base-text-weight-medium, 500);\n  line-height: calc(var(--base-size-20, 20px) - var(--yattho-borderWidth-thin, 1px) * 2); /* 20px - 2px for the borders */\n  color: var(--color-fg-default);\n  text-align: center;\n  background-color: var(--color-neutral-muted);\n  border: var(--yattho-borderWidth-thin, 1px) solid var(--color-counter-border);\n  border-radius: 2em;\n\n  &:empty {\n    display: none;\n  }\n\n  /* Is this selector used? could not find any use of it */\n  & .octicon {\n    vertical-align: text-top;\n    opacity: 0.8;\n  }\n}\n\n.Counter--primary {\n  color: var(--color-fg-on-emphasis);\n  background-color: var(--color-neutral-emphasis);\n}\n\n.Counter--secondary {\n  color: var(--color-fg-muted);\n  background-color: var(--color-neutral-subtle);\n}"]}