Box

Border 'box' styles for <div> tags. The default line-width will equal 'border-top-width: medium'.

evo-box

<div class="evo-box"></div>

Establishes border box structure. Apply the evo-box class to a <div> tag. Works with <img /> tags too. Default style can be adusted in _evo_variables.scss

evo-box-[side]

<div class="evo-box-right"></div>

Establishes border box structure limited to one side. Apply an evo-box-[side] class such as evo-box-right, as in the above example. Works with <img /> tags too.

box-black

<div class="evo-box box-black"></div>

Apply the box-black class, as in the above example.

box-[side]-black

<div class="evo-box-right box-right-black"></div>

Apply a box-[side]-black class such as box-right-black, as in the above example.

box-white

<div class="evo-box box-white"></div>

Apply the box-white class, as in the above example.

box-[side]-white

<div class="evo-box-right box-right-white"></div>

Apply a box-[side]-white class such as box-right-white, as in the above example.

box-gray

<div class="evo-box box-gray"></div>

Apply the box-gray class, as in the above example.

box-[side]-gray

<div class="evo-box-right box-right-gray"></div>

Apply a box-[side]-gray class such as box-right-gray, as in the above example.