0 (opacity-0)
10 (opacity-10)
20 (opacity-20)
30 (opacity-30)
40 (opacity-40)
50 (opacity-50)
60 (opacity-60)
70 (opacity-70)
80 (opacity-80)
90 (opacity-90)
100 (opacity-100)
<p class="opacity-0 bg-primary-lighter padding-1">0 (opacity-0)</p>
<p class="opacity-10 bg-primary-lighter padding-1">10 (opacity-10)</p>
<p class="opacity-20 bg-primary-lighter padding-1">20 (opacity-20)</p>
<p class="opacity-30 bg-primary-lighter padding-1">30 (opacity-30)</p>
<p class="opacity-40 bg-primary-lighter padding-1">40 (opacity-40)</p>
<p class="opacity-50 bg-primary-lighter padding-1">50 (opacity-50)</p>
<p class="opacity-60 bg-primary-lighter padding-1">60 (opacity-60)</p>
<p class="opacity-70 bg-primary-lighter padding-1">70 (opacity-70)</p>
<p class="opacity-80 bg-primary-lighter padding-1">80 (opacity-80)</p>
<p class="opacity-90 bg-primary-lighter padding-1">90 (opacity-90)</p>
<p class="opacity-100 bg-primary-lighter padding-1">100 (opacity-100)</p>