[Utilities][Opacity] Add opacity classes
Created by: PululuK
Easily change the opacity of elements with the opacity utilities.
This can be very useful in some context, for example :
<section class="module-list {% if not hook['active'] %} opacity-50 {% endif %}">
Instead of :
<section class="module-list" {% if not hook['active'] %} style="opacity:50%" {% endif %}>
I can provide a PR if you are interested in this feature.
- opacity-10 => opacity:10%
- opacity-20 => opacity:20%
- opacity-30 => opacity:30%
- opacity-40 => opacity:40%
- opacity-50 => opacity:50%
- opacity-60 => opacity:60%
- opacity-70 => opacity:70%
- opacity-80 => opacity:80%
- opacity-90 => opacity:90%
- opacity-100 => opacity:100%