@primer/react
Version:
An implementation of GitHub's Primer Design System using React
2 lines • 1.45 kB
CSS
.prc-components-Chord-DdhWN{border:var(--borderWidth-thin,.0625rem) solid;border-radius:var(--borderRadius-default,.375rem);box-shadow:none;display:inline-flex;font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-normal,400);gap:.5ch;justify-content:center;line-height:10px;overflow:hidden;padding:var(--base-size-4,.25rem);vertical-align:baseline}.prc-components-ChordNormal-Ov9XG{background:var(--bgColor-transparent,transparent);border-color:var(--borderColor-default,var(--color-border-default));color:var(--fgColor-muted,var(--color-fg-muted))}.prc-components-ChordOnEmphasis-O-4BS{background:var(--counter-bgColor-emphasis,#59636e)}.prc-components-ChordOnEmphasis-O-4BS,.prc-components-ChordOnPrimary-J2XUj{border-color:transparent;color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-components-ChordOnPrimary-J2XUj{background:var(--button-primary-bgColor-active,var(--color-btn-primary-selected-bg))}.prc-components-ChordSmall-c-P-x{border-radius:var(--borderRadius-small,.1875rem);font-size:11px;line-height:var(--base-size-8,.5rem);min-width:var(--base-size-16,1rem);padding:var(--base-size-2,.125rem)}.prc-components-ChordNormal-Ov9XG:not(.prc-components-ChordSmall-c-P-x){border-radius:var(--borderRadius-medium,.375rem);font-size:var(--text-body-size-small,.75rem);line-height:10px;min-width:var(--base-size-20,1.25rem);padding:var(--base-size-4,.25rem)}
/*# sourceMappingURL=Chord-d4edcc89.css.map */