Crossway Branding

@import '_variables.scss';

Colors

<div class="cw-g">
  <div class="cw-u-1-2 cw-light-brown-bg cw-pam">
    <p>Brand Light Brown<br /><br /><br /></p>
  </div>

  <div class="cw-u-1-2 cw-dark-brown-bg cw-pam">
    <p>Brand Dark Brown<br /><br /><br /></p>
  </div>

.cw-light-brown-bg {
  background: $brand-light-brown;
  color: $brand-text-brown;
}

.cw-dark-brown-bg {
  background: $brand-dark-brown;
  color: #fff;
}

Logo

To add the Crossway logo, add the cw-logo class to a block element with an inner <a> anchor.

<div class="cw-logo">
  <a href="#"></a>
</div>

.cw-logo a {
  background: url('https://static.crossway.org/logo.svg') no-repeat;
  background-size: 172px 20px;
  display: block;
  height: 2rem;
  width: 11rem;
}