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 11947

7.3.1 Opacity Levels

Set the Opacity of an object.

classcss propertyvalue
.opacity_0 opacity : 0
.opacity__01 opacity : 0.005
.opacity__05 opacity : 0.0075
.opacity_1 opacity : 0.025
.opacity_2 opacity : 0.1
.opacity_3 opacity : 0.25
.opacity_4 opacity : 0.38
.opacity_5 opacity : 0.5
.opacity_6 opacity : 0.62
.opacity_7 opacity : 0.75
.opacity_8 opacity : 0.9
.opacity_9 opacity : 0.975
.opacity_none opacity : 1

Example s

Default styling

[modifier class]

.opacity_2

set opacity: 0.1

opacity_2

.opacity_6

set opacity: 0.62

opacity_6

.opacity_8

set opacity: 0.9

opacity_8

.opacity_none

set opacity: 1

opacity_none
<div class="[modifier class] br_1 br_solid br_white p_2 bg_warning c_white">[modifier class]</div>
Copy Code