UNPKG

@primer/react

Version:

An implementation of GitHub's Primer Design System using React

github.com/primer/react

primer/react

1 lines • 1.97 kB
1
{"version":3,"sources":["../../src/KeybindingHint/components/Chord.module.css.js"],"names":[],"mappings":"AAAA,4BAEE,6CAAqC,CAOrC,iDAA0C,CAJ1C,eAAgB,CAJhB,mBAAoB,CASpB,4CAAsC,CAPtC,8CAA2C,CAC3C,QAAU,CAIV,sBAAuB,CAIvB,gBAAiB,CALjB,eAAgB,CAIhB,iCAA2B,CAL3B,uBAOF,CAEA,kCACE,iDAAsC,CAEtC,mEAAwC,CADxC,gDAEF,CAEA,sCACE,kDAGF,CAEA,2EAHE,wBAAyB,CADzB,2DAQF,CAJA,qCACE,oFAGF,CAEA,iCACE,gDAAwC,CACxC,cAAe,CAEf,oCAA+B,CAC/B,kCAA8B,CAF9B,kCAGF,CAEA,wEACE,gDAAyC,CACzC,4CAA+C,CAE/C,gBAAiB,CACjB,qCAA8B,CAF9B,iCAGF","file":"Chord-d4edcc89.css","sourcesContent":[".Chord {\n display: inline-flex;\n border: var(--borderWidth-thin) solid;\n font-weight: var(--base-text-weight-normal);\n gap: 0.5ch;\n box-shadow: none;\n vertical-align: baseline;\n overflow: hidden;\n justify-content: center;\n border-radius: var(--borderRadius-default);\n font-size: var(--text-body-size-small);\n padding: var(--base-size-4);\n line-height: 10px; /* stylelint-disable-line primer/typography */\n}\n\n.ChordNormal {\n background: var(--bgColor-transparent);\n color: var(--fgColor-muted);\n border-color: var(--borderColor-default);\n}\n\n.ChordOnEmphasis {\n background: var(--counter-bgColor-emphasis);\n color: var(--fgColor-onEmphasis);\n border-color: transparent;\n}\n\n.ChordOnPrimary {\n background: var(--button-primary-bgColor-active);\n color: var(--fgColor-onEmphasis);\n border-color: transparent;\n}\n\n.ChordSmall {\n border-radius: var(--borderRadius-small);\n font-size: 11px; /* stylelint-disable-line primer/typography */\n padding: var(--base-size-2);\n line-height: var(--base-size-8); /* stylelint-disable-line primer/typography */\n min-width: var(--base-size-16);\n}\n\n.ChordNormal:not(.ChordSmall) {\n border-radius: var(--borderRadius-medium);\n font-size: var(--text-body-size-small, 0.75rem);\n padding: var(--base-size-4);\n line-height: 10px; /* stylelint-disable-line primer/typography */\n min-width: var(--base-size-20);\n}\n"]}