Font Color

Control the font color of an element using the lil-text-{color} utilities. You can use any of the colors

Live Editor
<>
  <p class='lil-text-black'>Black</p>
  <p class='lil-text-white lil-bg-black'>White</p>
  <p class='lil-text-blue-100'>Blue 100</p>
  <p class='lil-text-blue-200'>Blue 200</p>
  <p class='lil-text-blue-300'>Blue 300</p>
</>
<>
  <p class='lil-text-black'>Black</p>
  <p class='lil-text-white lil-bg-black'>White</p>
  <p class='lil-text-blue-100'>Blue 100</p>
  <p class='lil-text-blue-200'>Blue 200</p>
  <p class='lil-text-blue-300'>Blue 300</p>
</>
Result
Black
White
Blue 100
Blue 200
Blue 300