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 583

4.1.4 Font Family

You can change the features of the text with some simple use classes.

Example s

Default styling

a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z

.font_accent

Font Accent Used main Nav and Some headers

a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z

.font_display

Font Display: Used in headlines, buttons,

a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z

.font_copy

Font Normal: Used in content

a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z

.font_ui

Font Normal: Used components like navs and dense ui elements

a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z

.font_mono

Used is quotes or data or code

a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z
<div class="[modifier class] font_3">
  <div class="lowercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
  <div class="uppercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
</div>
Copy Code