Gray Trans

Translucent gray colors for text and boxes.

trans-gray-[number]

trans-gray-0

trans-gray-1

trans-gray-2

trans-gray-3

trans-gray-4

trans-gray-5

trans-gray-6

trans-gray-7

trans-gray-8

trans-gray-9

trans-gray-10

trans-gray-11

trans-gray-12

trans-gray-13

trans-gray-14

trans-gray-15

trans-gray-16

trans-gray-17

trans-gray-18

trans-gray-19

trans-gray-20

trans-gray-21

trans-gray-22

trans-gray-23

trans-gray-24

trans-gray-25

trans-gray-26

trans-gray-27

trans-gray-28

trans-gray-29

trans-gray-30

Create an HTML tag suitable for displaying text such as <p> or <h1>, and apply a trans-gray-[number] class.

<p class="trans-gray-25"></p>

For translucent gray backgrounds, create a <div> tag and add the -bg suffix.

<div class="trans-gray-15-bg"></div>

For inverse grays text or inverse gray backgrounds, follow the above instructions but add the inverse- prefix.

<p class="inverse-trans-gray-15"></p>
<div class="inverse-trans-gray-15-bg"></div>