Pattern Library

The pattern library itself uses some patterns, here they are!

Contents

Colour swatch

A colour swatch represents one of the brand or grey colours that sit within the pattern library. The swatches use the grid to sit together on a single line.

Dark Blue
$brand-primary #2E008B rgb(46, 0, 139)
<div class="container">
  <div class="row text-center">
    <div class="col-xs-3 cr-pattern-library-swatch cr-pattern-library-swatch--primary">
      <div class="cr-pattern-library-swatch__colour">Dark Blue</div>

      <code>$brand-primary</code>
      <code>#2E008B</code>
      <code>rgb(46, 0, 139)</code>
    </div>
  </div>
</div>