@primer/react/dist/TopicTag/TopicTag-955c0fbf.css.map

An implementation of GitHub's Primer Design System using React

{"version":3,"sources":["../src/TopicTag/TopicTag.module.css.js","../../postcss-preset-primer/src/mixins/buttonReset.css"],"names":[],"mappings":"AACA,sCACE,4BAAqB,CAArB,oBACF,CAGA,2CCKE,kBAAmB,CANnB,eAAgB,CAChB,eAAgB,CAFhB,QAAS,CAMT,aAAc,CAHd,cAAe,CALf,mBAAoB,CAOpB,YAAa,CARb,QAAS,CAET,SAAU,CAKV,gBDAF,CCKE,6DACE,QACF,CDLF,6BACE,uEAA6C,CAO7C,qFAA8E,CAF9E,kDAAuC,CAJvC,kDAA4B,CAO5B,mBAAoB,CANpB,4CAAsC,CACtC,gDAA6C,CAC7C,qDAA8C,CAE9C,6DAA+C,CAG/C,kBAWF,CATE,mCACE,4EAAgD,CAChD,2DACF,CAEA,6CACE,cAAe,CACf,wBAAiB,CAAjB,gBACF","file":"TopicTag-955c0fbf.css","sourcesContent":["/* Add a reset for when TopicTag is an <a> element since our link styles apply an underline text-decoration by default */\n.TopicTag:where(a) {\n  text-decoration: none;\n}\n\n/* Add a reset for when TopicTag is a <button> element */\n.TopicTag:where(button) {\n  @mixin buttonReset;\n}\n\n.TopicTag {\n  background-color: var(--bgColor-accent-muted);\n  color: var(--fgColor-accent);\n  font-size: var(--text-body-size-small);\n  font-weight: var(--base-text-weight-semibold);\n  line-height: var(--text-body-lineHeight-small);\n  border-radius: var(--borderRadius-full);\n  padding: var(--base-size-2) var(--base-size-12);\n  border: var(--borderWidth-thin) solid var(--topicTag-borderColor, transparent);\n  display: inline-flex;\n  white-space: nowrap;\n\n  &:hover {\n    background-color: var(--bgColor-accent-emphasis);\n    color: var(--fgColor-onEmphasis);\n  }\n\n  &:where(a, button) {\n    cursor: pointer;\n    user-select: none;\n  }\n}\n","@define-mixin buttonReset {\n  margin: 0;\n  display: inline-flex;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  font: inherit;\n  color: inherit;\n  align-items: center;\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n}\n"]}