Used to separate large content sections. This is being considered for deprecation.
.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>