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: Virtual ACC

Arches:Virtual ACC

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/virtual_boot.css, line 14471

1.6 Seals

Seals in the design come in 3 variations the default, small, and tiny. All Seals will maintain their aspect ratios and will respond to the container, but seals have a max width. For 508 compliance, please place the brand name in the seal.

Example s

Default styling

[modifier]

.seal_normal

Full size seal great for desktop displays best used for when the seal can be taller then 100px.

seal_normal

.seal_small

Condensed size seal great for Tablet displays best used for when the seal is between 100px to 40px.

seal_small

.seal_tiny

Smallest of the seals best used for icons when seal is 40px and bellow

seal_tiny 
<div class="[modifier] m_auto" data-style="[modifier]">
	<span class="alt-text">[modifier]</span>
</div>
Copy Code