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 15876

2.2.5 Rotation on Active

Add in the a: in front of these classes gives you the rotation only when the item is active.

These classes are effected by the parent having active state.

Example s

Default styling

Not Active Active

rotate_45

Rotate by 45 degrees

Not Active Active

rotate_90

Rotate by 90 degrees

Not Active Active

rotate_135

Rotate by 135 degrees

Not Active Active

rotate_180

Rotate by 180 degrees

Not Active Active

rotate_225

Rotate by 225 degrees

Not Active Active

rotate_270

Rotate by 270 degrees

Not Active Active

rotate_315

Rotate by 315 degrees

Not Active Active 
<span><i class="font_10 fas fa fa-user a:[modifier class]"></i> Not Active </span>
<span><i class="active font_10 fas fa fa-user a:[modifier class]"></i> Active </span>
Copy Code