Lighten colors, backgrounds, and borders for Basscss.
<div class="bg-navy white">
<a href="#" class="btn btn-outline lighten-1">.lighten-1</a>
<a href="#" class="btn btn-outline lighten-2">.lighten-2</a>
<a href="#" class="btn btn-outline lighten-3">.lighten-3</a>
<a href="#" class="btn btn-outline lighten-4">.lighten-4</a>
<p class="rounded bg-lighten-1">.bg-lighten-1</p>
<p class="rounded bg-lighten-2">.bg-lighten-2</p>
<p class="rounded bg-lighten-3">.bg-lighten-3</p>
<p class="rounded bg-lighten-4">.bg-lighten-4</p>
<p class="rounded border border-lighten-1">.border-lighten-1</p>
<p class="rounded border border-lighten-2">.border-lighten-2</p>
<p class="rounded border border-lighten-3">.border-lighten-3</p>
<p class="rounded border border-lighten-4">.border-lighten-4</p>
</div>