Web Docs

Color: Secondary 

<div class="colors columns-">
    <div class="color white-text" style="background:#0057b8">
        <h2>BYU Royal</h2>
        <p><code>#0057b8</code></p>
        <p><code>$byuRoyal</code></p>
    </div>
</div>
 
<div class="colors columns-{{columns}}">
	{{#each colors }}
	<div class="color{{#if dark}} white-text{{/if}}" style="background:#{{hex}}">
		<h2>{{ name }}</h2>
		<p><code>#{{ hex }}</code></p>
		<p><code>${{ var }}</code></p>
	</div>
	{{/each}}
</div>
 
{
  "colors": [
    {
      "name": "BYU Royal",
      "hex": "0057b8",
      "var": "byuRoyal",
      "dark": true
    }
  ]
}