Styleguide

Wings

Used to separate large content sections. This is being considered for deprecation.

Colors

White Dark

White

Gray

Black

.wings.wings--white-dark
  .wings__wing
  %h3.wings__target.text-black-light White Dark
  .wings__wing
.wings.wings--white
  .wings__wing
  %h3.wings__target.text-black-light White
  .wings__wing
.wings.wings--gray
  .wings__wing
  %h3.wings__target.text-black-light Gray
  .wings__wing
.wings.wings--black
  .wings__wing
  %h3.wings__target.text-black-light Black
  .wings__wing
<div class='wings wings--white-dark'>
  <div class='wings__wing'></div>
  <h3 class='wings__target text-black-light'>White Dark</h3>
  <div class='wings__wing'></div>
</div>
<div class='wings wings--white'>
  <div class='wings__wing'></div>
  <h3 class='wings__target text-black-light'>White</h3>
  <div class='wings__wing'></div>
</div>
<div class='wings wings--gray'>
  <div class='wings__wing'></div>
  <h3 class='wings__target text-black-light'>Gray</h3>
  <div class='wings__wing'></div>
</div>
<div class='wings wings--black'>
  <div class='wings__wing'></div>
  <h3 class='wings__target text-black-light'>Black</h3>
  <div class='wings__wing'></div>
</div>