@primer/react
Version:
An implementation of GitHub's Primer Design System using React
2 lines • 1.33 kB
CSS
.prc-InlineMessage-InlineMessage-Ungod{align-items:start;color:var(--inline-message-fgColor);column-gap:.5rem;display:grid;font-size:var(--inline-message-fontSize);grid-template-columns:auto 1fr;line-height:var(--inline-message-lineHeight)}.prc-InlineMessage-InlineMessage-Ungod[data-size=small]{--inline-message-fontSize:var(--text-body-size-small,0.75rem);--inline-message-lineHeight:var(--text-body-lineHeight-small,1.6666)}.prc-InlineMessage-InlineMessage-Ungod[data-size=medium]{--inline-message-fontSize:var(--text-body-size-medium,0.875rem);--inline-message-lineHeight:var(--text-body-lineHeight-medium,1.4285)}.prc-InlineMessage-InlineMessage-Ungod[data-variant=warning]{--inline-message-fgColor:var(--fgColor-attention,var(--color-attention-fg))}.prc-InlineMessage-InlineMessage-Ungod[data-variant=critical]{--inline-message-fgColor:var(--fgColor-danger,var(--color-danger-fg))}.prc-InlineMessage-InlineMessage-Ungod[data-variant=success]{--inline-message-fgColor:var(--fgColor-success,var(--color-success-fg))}.prc-InlineMessage-InlineMessage-Ungod[data-variant=unavailable]{--inline-message-fgColor:var(--fgColor-muted,var(--color-fg-muted))}.prc-InlineMessage-InlineMessageIcon-RkPyq{min-height:calc(var(--inline-message-lineHeight)*var(--inline-message-fontSize))}
/*# sourceMappingURL=InlineMessage-80d97643.css.map */