TruckVault Pattern Library

Typography

Text Colors

Example:

h1. TruckVault heading

h2. TruckVault heading

h3. TruckVault heading

h4. TruckVault heading

h5. TruckVault heading
h6. TruckVault heading

Code:

 

<h1>h1. TruckVault heading</h1>
<h2>h2. TruckVault heading</h2>
<h3>h3. TruckVault heading</h3>
<h4>h4. TruckVault heading</h4>
<h5>h5. TruckVault heading</h5>
<h6>h6. TruckVault heading</h6>

BG Colors

Example:

h1. TruckVault heading

h2. TruckVault heading

h3. TruckVault heading

h4. TruckVault heading

h5. TruckVault heading

h6. TruckVault heading

 

Code:

 <p class="h1">h1. TruckVault heading</p>
<p class="h2">h2. TruckVault heading</p>
<p class="h3">h3. TruckVault heading</p>
<p class="h4">h4. TruckVault heading</p>
<p class="h5">h5. TruckVault heading</p>
<p class="h6">h6. TruckVault heading</p>

Code:

<div class="text-bg-primary p-3">Primary with contrasting color</div>
<div class="text-bg-secondary p-3">Secondary with contrasting color</div>
<div class="text-bg-success p-3">Success with contrasting color</div>
<div class="text-bg-danger p-3">Danger with contrasting color</div>
<div class="text-bg-warning p-3">Warning with contrasting color</div>
<div class="text-bg-info p-3">Info with contrasting color</div>
<div class="text-bg-light p-3">Light with contrasting color</div>
<div class="text-bg-dark p-3">Dark with contrasting color</div>