Box Size
Change the line width of <div /> box borders. Must be paired with a matching evo-box as shown on the box page.
box-thin
box-thin
<div class="evo-box box-thin"></div>
Apply the box-thin class, as in the above example.
box-[side]-thin
box-top-thin
box-bottom-thin
box-left-thin
box-right-thin
<div class="evo-box-right box-right-thin"></div>
Apply the box-right-thin class, as in the above example.
box-medium
box-medium
<div class="evo-box box-medium"></div>
Apply the box-medium class, as in the above example.
box-[side]-medium
box-top-medium
box-botto-mediumm
box-left-medium
box-right-medium
<div class="evo-box-right box-right-medium"></div>
Apply the box-right-medium class, as in the above example.
box-thick
box-thick
<div class="evo-box box-thick"></div>
Apply the box-thick class, as in the above example.
box-[side]-thick
box-top-thick
box-bottom-thick
box-left-thick
box-right-thick
<div class="evo-box-right box-right-thick"></div>
Apply the box-right-thick class, as in the above example.
box-1
box-1
<div class="evo-box box-1"></div>
Apply the box-1 class, as in the above example.
box-[side]-1
box-top-1
box-bottom-1
box-left-1
box-right-1
<div class="evo-box-right box-right-1"></div>
Apply the box-[side]-1 class such as box-right-1, as in the above example.
box-2
box-2
<div class="evo-box box-2"></div>
Apply the box-2 class, as in the above example.
box-[side]-2
box-top-2
box-bottom-2
box-left-2
box-right-2
<div class="evo-box-right box-right-2"></div>
Apply the box-[side]-2 class such as box-right-2, as in the above example.
box-3
box-3
<div class="evo-box box-3"></div>
Apply the box-3 class, as in the above example.
box-[side]-3
box-top-3
box-bottom-3
box-left-3
box-right-3
<div class="evo-box-right box-right-3"></div>
Apply the box-[side]-3 class such as box-right-3, as in the above example.
box-4
box-4
<div class="evo-box box-4"></div>
Apply the box-4 class, as in the above example.
box-[side]-4
box-top-4
box-bottom-4
box-left-4
box-right-4
<div class="evo-box-right box-right-4"></div>
Apply the box-[side]-4 class such as box-right-4, as in the above example.
box-5
box-5
<div class="evo-box box-5"></div>
Apply the box-5 class, as in the above example.
box-[side]-5
box-top-5
box-bottom-5
box-left-5
box-right-5
<div class="evo-box-right box-right-5"></div>
Apply the box-[side]-5 class such as box-right-5, as in the above example.
box-6
box-6
<div class="evo-box box-6"></div>
Apply the box-6 class, as in the above example.
box-[side]-6
box-top-6
box-bottom-6
box-left-6
box-right-6
<div class="evo-box-right box-right-6"></div>
Apply the box-[side]-6 class such as box-right-6, as in the above example.
box-7
box-7
<div class="evo-box box-7"></div>
Apply the box-7 class, as in the above example.
box-[side]-7
box-top-7
box-bottom-7
box-left-7
box-right-7
<div class="evo-box-right box-right-7"></div>
Apply the box-[side]-7 class such as box-right-7, as in the above example.
box-8
box-8
<div class="evo-box box-8"></div>
Apply the box-8 class, as in the above example.
box-[side]-8
box-top-8
box-bottom-8
box-left-8
box-right-8
<div class="evo-box-right box-right-8"></div>
Apply the box-[side]-8 class such as box-right-8, as in the above example.
box-9
box-9
<div class="evo-box box-9"></div>
Apply the box-9 class, as in the above example.
box-[side]-9
box-top-9
box-bottom-9
box-left-9
box-right-9
<div class="evo-box-right box-right-9"></div>
Apply the box-[side]-9 class such as box-right-9, as in the above example.
box-10
box-10
<div class="evo-box box-10"></div>
Apply the box-10 class, as in the above example.
box-[side]-10
box-top-10
box-bottom-10
box-left-10
box-right-10
<div class="evo-box-right box-right-10"></div>
Apply the box-[side]-10 class such as box-right-10, as in the above example.
box-11
box-11
<div class="evo-box box-11"></div>
Apply the box-11 class, as in the above example.
box-[side]-11
box-top-11
box-bottom-11
box-left-11
box-right-11
<div class="evo-box-right box-right-11"></div>
Apply the box-[side]-11 class such as box-right-11, as in the above example.
box-12
box-12
<div class="evo-box box-12"></div>
Apply the box-12 class, as in the above example.
box-[side]-12
box-top-12
box-bottom-12
box-left-12
box-right-12
<div class="evo-box-right box-right-12"></div>
Apply the box-[side]-12 class such as box-right-12, as in the above example.
box-13
box-13
<div class="evo-box box-13"></div>
Apply the box-13 class, as in the above example.
box-[side]-13
box-top-13
box-bottom-13
box-left-13
box-right-13
<div class="evo-box-right box-right-13"></div>
Apply the box-[side]-13 class such as box-right-13, as in the above example.
box-14
box-14
<div class="evo-box box-14"></div>
Apply the box-14 class, as in the above example.
box-[side]-14
box-top-14
box-bottom-14
box-left-14
box-right-14
<div class="evo-box-right box-right-14"></div>
Apply the box-[side]-14 class such as box-right-14, as in the above example.
box-15
box-15
<div class="evo-box box-15"></div>
Apply the box-15 class, as in the above example.
box-[side]-15
box-top-15
box-bottom-15
box-left-15
box-right-15
<div class="evo-box-right box-right-15"></div>
Apply the box-[side]-15 class such as box-right-15, as in the above example.