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

3.3 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

.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 class] m_auto" data-style="[modifier class]">
	<span class="alt-text">[modifier class]</span>
</div>

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

Code Sample

Copy Code