Colors

  <div class="primary">Primary</div>
  <div class="primary dark">Primary - Darker</div>
  <div class="secondary">Secondary</div>
  <div class="secondary dark">Secondary - Darker</div>

  
<div class="ga-success">Success</div>
<div class="ga-info">Info</div>
<div class="ga-danger">Danger</div>
<div class="ga-attention">Attention</div>
<div class="ga-importance">Importance</div>

  
<div class="ga-success">Basic</div>
<div class="ga-success-text">Text</div>
<div class="ga-success-bg">Background</div>
<div class="ga-success-border">Border</div>

  
<!-- grays = [0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 85, 90, 95, 100] -->
<div class="gray-bg-0">...</div>
...
<div class="gray-bg-100">...</div>

  
<!-- colors = [red, orange, yellow, lightgreen, green, lightblue, blue, deepblue, deeppurple, brown, gray] -->
<div class="red">...</div>
<div class="orange">...</div>
...