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

3.2 Logos

Logos in the design come in 4 variations the primary logo, the condensed logo, and alte version which are the reverse of primary and reversed. All logos are controled by the width and will maintain there aspect ratios to respond to the container they are in. For 508 compliance please place the brand name in the logo.

Example s

.logo_primary

Primary Logo great for desktop displays best used for when the logo can be taller then 80px.

logo_primary

.logo_primary-alt

Primary Logo reversed for dark background situations.

logo_primary-alt

.logo_condensed.max-w_15

Smaller Mobile Friendly Logo these logos and be readable between 40px to 80px in height.

logo_condensed max-w_15

.logo_primary-alt.max-w_15

Smaller Logo Reversed.

logo_primary-alt max-w_15

<div class="[modifier class]" data-style="[modifier class]" >
	<span class="alt">[modifier class]</span>
</div>

<div class="[modifier class]" data-style="[modifier class]" >
	<span class="alt">[modifier class]</span>
</div>

Code Sample

Copy Code

Arches: Utility Classes