@primer/primitives
Version:
Typography, spacing, and color primitives for Primer design system
8 lines (7 loc) • 713 B
CSS
:root {
--borderRadius-full: 624.9375rem; /** Use this border radius for pill shaped elements */
--borderRadius-large: 0.75rem; /** Large border radius (12px). Use for larger containers, dialogs, or when more visual softness is desired. */
--borderRadius-medium: 0.375rem; /** Medium border radius (6px). The default choice for most buttons, cards, and containers */
--borderRadius-small: 0.1875rem; /** Small border radius (3px). Use for small variants of components or small UI elements like badges, tags, or anything below 16px in height */
--borderRadius-default: var(--borderRadius-medium); /** Default border radius for most UI elements. Alias of borderRadius.medium (6px). Use when in doubt */
}