Gray Color

Gray colors for text and boxes.

evo-trans-gray-[number]

Aa

evo-trans-gray-0

Aa

evo-trans-gray-1

Aa

evo-trans-gray-2

Aa

evo-trans-gray-3

Aa

evo-trans-gray-4

Aa

evo-trans-gray-5

Aa

evo-trans-gray-6

Aa

evo-trans-gray-7

Aa

evo-trans-gray-8

Aa

evo-trans-gray-9

Aa

evo-trans-gray-10

Aa

evo-trans-gray-11

Aa

evo-trans-gray-12

Aa

evo-trans-gray-13

Aa

evo-trans-gray-14

Aa

evo-trans-gray-15

Aa

evo-trans-gray-16

Aa

evo-trans-gray-17

Aa

evo-trans-gray-18

Aa

evo-trans-gray-19

Aa

evo-trans-gray-20

Aa

evo-trans-gray-21

Aa

evo-trans-gray-22

Aa

evo-trans-gray-23

Aa

evo-trans-gray-24

Aa

evo-trans-gray-25

Aa

evo-trans-gray-26

Aa

evo-trans-gray-27

Aa

evo-trans-gray-28

Aa

evo-trans-gray-29

Aa

evo-trans-gray-30

Create an HTML tag suitable for displaying text such as <p> or <h1>, and apply an evo-font-[style] class. The default font family can be adjusted in _variables.scss.


   <p class="evo-trans-gray-0"></p>
   <p class="evo-trans-gray-1"></p>
   <p class="evo-trans-gray-2"></p>
   <p class="evo-trans-gray-3"></p>
   <p class="evo-trans-gray-4"></p>
   <p class="evo-trans-gray-5"></p>
   <p class="evo-trans-gray-6"></p>
   <p class="evo-trans-gray-7"></p>
   <p class="evo-trans-gray-8"></p>
   <p class="evo-trans-gray-9"></p>
   <p class="evo-trans-gray-10"></p>
   <p class="evo-trans-gray-11"></p>
   <p class="evo-trans-gray-12"></p>
   <p class="evo-trans-gray-13"></p>
   <p class="evo-trans-gray-14"></p>
   <p class="evo-trans-gray-15"></p>
   <p class="evo-trans-gray-16"></p>
   <p class="evo-trans-gray-17"></p>
   <p class="evo-trans-gray-18"></p>
   <p class="evo-trans-gray-19"></p>
   <p class="evo-trans-gray-20"></p>
   <p class="evo-trans-gray-21"></p>
   <p class="evo-trans-gray-22"></p>
   <p class="evo-trans-gray-23"></p>
   <p class="evo-trans-gray-24"></p>
   <p class="evo-trans-gray-25"></p>


evo-trans-gray-[number]

evo-trans-gray-0

Aa

 
evo-trans-gray-1

Aa

 
evo-trans-gray-2

Aa

 
evo-trans-gray-3

Aa

 
evo-trans-gray-4

Aa

 
evo-trans-gray-5

Aa

 
evo-trans-gray-6

Aa

 
evo-trans-gray-7

Aa

 
evo-trans-gray-8

Aa

 
evo-trans-gray-9

Aa

 
evo-trans-gray-10

Aa

 
evo-trans-gray-11

Aa

 
evo-trans-gray-12

Aa

 
evo-trans-gray-13

Aa

 
evo-trans-gray-14

Aa

 
evo-trans-gray-15

Aa

 
evo-trans-gray-16

Aa

 
evo-trans-gray-17

Aa

 
evo-trans-gray-18

Aa

 
evo-trans-gray-19

Aa

 
evo-trans-gray-20

Aa

 
evo-trans-gray-21

Aa

 
evo-trans-gray-22

Aa

 
evo-trans-gray-23

Aa

 
evo-trans-gray-24

Aa

 
evo-trans-gray-25

Aa

 
evo-trans-gray-26

Aa

 
evo-trans-gray-27

Aa

 
evo-trans-gray-28

Aa

 
evo-trans-gray-29

Aa

 
evo-trans-gray-30

Aa

 

Create an HTML tag suitable for displaying text such as <p> or <h1>, and apply an evo-font-[style] class. The default font family can be adjusted in _variables.scss.


   <p class="evo-trans-gray-0"></p>
   <p class="evo-trans-gray-1"></p>
   <p class="evo-trans-gray-2"></p>
   <p class="evo-trans-gray-3"></p>
   <p class="evo-trans-gray-4"></p>
   <p class="evo-trans-gray-5"></p>
   <p class="evo-trans-gray-6"></p>
   <p class="evo-trans-gray-7"></p>
   <p class="evo-trans-gray-8"></p>
   <p class="evo-trans-gray-9"></p>
   <p class="evo-trans-gray-10"></p>
   <p class="evo-trans-gray-11"></p>
   <p class="evo-trans-gray-12"></p>
   <p class="evo-trans-gray-13"></p>
   <p class="evo-trans-gray-14"></p>
   <p class="evo-trans-gray-15"></p>
   <p class="evo-trans-gray-16"></p>
   <p class="evo-trans-gray-17"></p>
   <p class="evo-trans-gray-18"></p>
   <p class="evo-trans-gray-19"></p>
   <p class="evo-trans-gray-20"></p>
   <p class="evo-trans-gray-21"></p>
   <p class="evo-trans-gray-22"></p>
   <p class="evo-trans-gray-23"></p>
   <p class="evo-trans-gray-24"></p>
   <p class="evo-trans-gray-25"></p>