Gray Box

Gray color box borders and lines for <div> tags. Must be paired with a matching evo-box as shown on the box page. Based on the gray colors.

box-gray-1

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

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

box-[side]-gray-1

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

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

box-gray-2

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

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

box-[side]-gray-2

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

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

box-gray-3

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

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

box-[side]-gray-3

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

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

box-gray-4

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

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

box-[side]-gray-4

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

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

box-gray-5

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

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

box-[side]-gray-5

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

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

box-gray-6

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

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

box-[side]-gray-6

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

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

box-gray-7

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

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

box-[side]-gray-7

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

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

box-gray-8

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

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

box-[side]-gray-8

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

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

box-gray-9

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

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

box-[side]-gray-9

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

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

box-gray-10

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

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

box-[side]-gray-10

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

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

box-gray-11

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

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

box-[side]-gray-11

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

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

box-gray-12

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

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

box-[side]-gray-12

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

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

box-gray-13

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

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

box-[side]-gray-13

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

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

box-gray-14

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

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

box-[side]-gray-14

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

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

box-gray-15

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

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

box-[side]-gray-15

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

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

box-gray-16

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

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

box-[side]-gray-16

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

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

box-gray-17

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

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

box-[side]-gray-17

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

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

box-gray-18

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

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

box-[side]-gray-18

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

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

box-gray-19

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

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

box-[side]-gray-19

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

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

box-gray-20

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

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

box-[side]-gray-20

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

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

box-gray-21

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

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

box-[side]-gray-21

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

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

box-gray-22

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

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

box-[side]-gray-22

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

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

box-gray-23

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

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

box-[side]-gray-23

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

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

box-gray-24

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

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

box-[side]-gray-24

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

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

box-gray-25

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

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

box-[side]-gray-25

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

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

box-gray-26

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

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

box-[side]-gray-26

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

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

box-gray-27

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

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

box-[side]-gray-27

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

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

box-gray-28

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

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

box-[side]-gray-28

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

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

box-gray-29

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

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

box-[side]-gray-29

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

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

box-gray-30

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

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

box-[side]-gray-30

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

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