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 1940

4.2.3 Text Indent

Indent text needs to have a modifier to like `text-indent_2

Example s

Default styling

text that has no indent/p>

text that has an indent magnitude of [modifier class]

text-indent_n3

text-indent of negative 3 rem

text that has no indent/p>

text that has an indent magnitude of text-indent_n3

text-indent_n2

text-indent of negative 2 rem

text that has no indent/p>

text that has an indent magnitude of text-indent_n2

text-indent_n1

text-indent of negative 1 rem

text that has no indent/p>

text that has an indent magnitude of text-indent_n1

text-indent_0

text-indent of positive 0 rem

text that has no indent/p>

text that has an indent magnitude of text-indent_0

text-indent_1

text-indent of positive 1 rem

text that has no indent/p>

text that has an indent magnitude of text-indent_1

text-indent_2

text-indent of positive 2 rem

text that has no indent/p>

text that has an indent magnitude of text-indent_2

text-indent_3

text-indent of positive 3 rem

text that has no indent/p>

text that has an indent magnitude of text-indent_3

<div class="font_normal font_1 m-x_5 br_solid br-l_1 br_black-4">
<p class="">text that has no indent/p>
<p class="[modifier class]">text that has an indent magnitude of [modifier class] </p>
</div>
Copy Code