Natural Color

Natural colors for text and boxes.

evo-color-[number]

Aa

evo-color-0

Aa

evo-color-1

Aa

evo-color-2

Aa

evo-color-3

Aa

evo-color-4

Aa

evo-color-5

Aa

evo-color-6

Aa

evo-color-7

Aa

evo-color-8

Aa

evo-color-9

Aa

evo-color-10

Aa

evo-color-11

Aa

evo-color-12

Aa

evo-color-13

Aa

evo-color-14

Aa

evo-color-15

Aa

evo-color-16

Aa

evo-color-17

Aa

evo-color-18

Aa

evo-color-19

Aa

evo-color-20

Aa

evo-color-21

Aa

evo-color-22

Aa

evo-color-23

Aa

evo-color-24

Aa

evo-color-25

Aa

evo-color-26

Aa

evo-color-27

Aa

evo-color-28

Aa

evo-color-29

Aa

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