Box Style

Styled box borders and lines for <div> tags. Must be paired with a matching evo-box as shown on the box page.

box-solid

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

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

box-[side]-solid

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

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

box-dotted

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

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

box-[side]-dotted

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

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

box-dashed

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

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

box-[side]-dashed

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

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

box-double

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

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

box-[side]-double

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

Apply a box-[side]-double class such as box-right-double, as in the above example. Note: the border-width must be wide enough to display a double line.