Arches: Utility Classes

Arches:Utility Classes

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/acc_uc.css, line 11437

8.2.2 Radius

Apply border radius to objects by adding full or partial classes for border-radius

Example s

br_square

All square

br_square border

br_radius

All with $global-radus

br_radius border

br_round

All corners with 99(px)

br_round border

br_circle

All corders at 100%

br_circle border

br-tl_square

top left square

br-tl_square border

br-tl_radius

top left with $global-radus

br-tl_radius border

br-tl_round

top left corners with 99(px)

br-tl_round border

br-tl_circle

top left corders at 100%

br-tl_circle border

br-bl_square

bottom left square

br-bl_square border

br-bl_radius

bottom left with $global-radus

br-bl_radius border

br-bl_round

bottom left corners with 99(px)

br-bl_round border

br-bl_circle

bottom left corders at 100%

br-bl_circle border
<div class="[modifier class] p_3 br_black br_solid br_2">[modifier class] border</div>
Copy Code