Evo

Line Gray

Change the gray color of hr horizontal rule lines.

line-[bw]

line-black
line-white
<hr class="line-black" />
<hr class="line-white" />

Create an <hr /> tag with an line-[bw] class. Black and white values can be adusted in the _evo_variables.scss file.

line-gray-[number]

line-gray-1
line-gray-2
line-gray-3
line-gray-4
line-gray-5
line-gray-6
line-gray-7
line-gray-8
line-gray-9
line-gray-10
line-gray-11
line-gray-12
line-gray-13
line-gray-14
line-gray-15
line-gray-16
line-gray-17
line-gray-18
line-gray-19
line-gray-20
line-gray-21
line-gray-22
line-gray-23
line-gray-24
line-gray-25
line-gray-26
line-gray-27
line-gray-28
line-gray-29
line-gray-30
<hr class="line-thick line-gray-1" />
<hr class="line-thick line-gray-2" />
<hr class="line-thick line-gray-3" />
<hr class="line-thick line-gray-4" />
<hr class="line-thick line-gray-5" />
<hr class="line-thick line-gray-6" />
<hr class="line-thick line-gray-7" />
<hr class="line-thick line-gray-8" />
<hr class="line-thick line-gray-9" />
<hr class="line-thick line-gray-10" />
<hr class="line-thick line-gray-11" />
<hr class="line-thick line-gray-12" />
<hr class="line-thick line-gray-13" />
<hr class="line-thick line-gray-14" />
<hr class="line-thick line-gray-15" />
<hr class="line-thick line-gray-16" />
<hr class="line-thick line-gray-17" />
<hr class="line-thick line-gray-18" />
<hr class="line-thick line-gray-19" />
<hr class="line-thick line-gray-20" />
<hr class="line-thick line-gray-21" />
<hr class="line-thick line-gray-22" />
<hr class="line-thick line-gray-23" />
<hr class="line-thick line-gray-24" />
<hr class="line-thick line-gray-25" />
<hr class="line-thick line-gray-26" />
<hr class="line-thick line-gray-27" />
<hr class="line-thick line-gray-28" />
<hr class="line-thick line-gray-29" />
<hr class="line-thick line-gray-30" />

Create an hr tag with an line-[number] class. line-thick is applied here to make the colors more obvious.