UNPKG

@primer/react

Version:

An implementation of GitHub's Primer Design System using React

1 lines 2.08 kB
{"version":3,"sources":["../src/TopicTag/TopicTag.module.css.js","../../postcss-preset-primer/src/mixins/buttonReset.css"],"names":[],"mappings":"AAEA,sCACE,4BAAqB,CAArB,oBACF,CAIA,2CCGE,kBAAmB,CANnB,eAAgB,CAChB,eAAgB,CAFhB,QAAS,CAMT,aAAc,CAHd,cAAe,CALf,mBAAoB,CAOpB,YAAa,CARb,QAAS,CAET,SAAU,CAKV,gBDEF,CCIE,6DACE,QACF,CDJF,6BACE,oDAA6C,CAO7C,qFAA8E,CAF9E,kDAAuC,CAJvC,mCAA4B,CAO5B,mBAAoB,CANpB,4CAAsC,CACtC,gDAA6C,CAC7C,mDAA8C,CAE9C,6DAA+C,CAG/C,kBAYF,CAVE,mCACE,uDAAgD,CAChD,oCACF,CAGA,6CACE,cAAe,CACf,wBAAiB,CAAjB,gBACF","file":"TopicTag-b15f6cf1.css","sourcesContent":["/* Add a reset for when TopicTag is an <a> element since our link styles apply an underline text-decoration by default */\n/* stylelint-disable-next-line selector-no-qualifying-type */\n.TopicTag:where(a) {\n text-decoration: none;\n}\n\n/* Add a reset for when TopicTag is a <button> element */\n/* stylelint-disable-next-line selector-no-qualifying-type */\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 /* stylelint-disable-next-line selector-max-type */\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 /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */\n &::-moz-focus-inner {\n border: 0;\n }\n}\n"]}