Think in & out the box
Box example
<div class="box">
<p>Box example</p>
<div class="box _darken">.box _darken</div>
<div class="box _lighten">.box _lighten</div>
</div>
Box example
<div class="box _empty">
<p>Box example</p>
<div class="box _darken">.box _darken</div>
<div class="box _lighten">.box _lighten</div>
</div>
Box example
<div class="box _background">
<p>Box example</p>
<div class="box _darken">.box _darken</div>
<div class="box _lighten">.box _lighten</div>
</div>
Box example
<div class="box _primary">
<p>Box example</p>
<div class="box _darken">.box _darken</div>
<div class="box _lighten">.box _lighten</div>
</div>
Box example
<div class="box _secondary">
<p>Box example</p>
<div class="box _darken">.box _darken</div>
<div class="box _lighten">.box _lighten</div>
</div>
Box example
<div class="box _foreground">
<p>Box example</p>
<div class="box _darken">.box _darken</div>
<div class="box _lighten">.box _lighten</div>
</div>
Box example
<div class="box _success">
<p>Box example</p>
<div class="box _darken">.box _darken</div>
<div class="box _lighten">.box _lighten</div>
</div>
Box example
<div class="box _error">
<p>Box example</p>
<div class="box _darken">.box _darken</div>
<div class="box _lighten">.box _lighten</div>
</div>
Box example
<div class="box _info">
<p>Box example</p>
<div class="box _darken">.box _darken</div>
<div class="box _lighten">.box _lighten</div>
</div>