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 4905

6.12 Position Type

Is Responsive: breakpoint modifiers
Quickly alter the position type and location of an object with 'absolute' and 'top'

Example s

Default styling

Position [modifier class]

.initial

position: initial

Position initial

.inherit

position: inherit

Position inherit

.relative

position: relative

Position relative

.absolute

position: absolute

Position absolute

.fixed

position: fixed

Position fixed

.sticky

position: sticky

Position sticky

.unset

position: unset

Position unset
<div class="br_solid br_transparent bg_accent-3 relative p_5" style="height:200px;">
	<div class="bg_primary-5 text_center [modifier class]">Position [modifier class]</div>
</div>
Copy Code