Border responsive

Responsive border visibility to all directions.
Border
<!-- Source -->
<div class="border-sm"></div>
<div class="border-sm-top"></div>
<div class="border-sm-right"></div>
<div class="border-sm-bottom"></div>
<div class="border-sm-left"></div>

<div class="border-md"></div>
<div class="border-md-top"></div>
<div class="border-md-right"></div>
<div class="border-md-bottom"></div>
<div class="border-md-left"></div>

<div class="border-lg"></div>
<div class="border-lg-top"></div>
<div class="border-lg-right"></div>
<div class="border-lg-bottom"></div>
<div class="border-lg-left"></div>

<div class="border-xl"></div>
<div class="border-xl-top"></div>
<div class="border-xl-right"></div>
<div class="border-xl-bottom"></div>
<div class="border-xl-left"></div>