Getting StartedStyleguide
Content
Layout
Forms
Components
Utilities
Color TokensColorsDisplayFlexPositionRoundsScrollbarShadowsSpacingText
Rounds
CSS has classes that change the border-radius
property to maintain standardization
Item
Item
Item
Item
.rounded
Apply `border-radius: 50%`<div class='rounded'>...</div>
.border-radius
Apply `border-radius: 5px`<div class='border-radius'>...</div>
.border-radius-minor
Apply `border-radius: 2px`<div class='border-radius-minor'>...</div>
.border-radius-medium
Apply `border-radius: 8px`<div class='border-radius-medium'>...</div>
.border-radius-none
Apply `border-radius: none`<div class='border-radius-none'>...</div>