This Documentation is Moved!

This is currently being depreciated. Please visited the new location for the styleguide at https://assets.acc.org/Arches/Latest/docs/

Arches: Utility Classes

Arches:Utility Classes

Multi Product Brand Style System by the American College of Cardiology

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

7.2.2 Radius

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

Example s

Default styling

[modifier class] border

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