Everything you can do with Beauter
Beauter now supports following 16 color classes to change background, foreground, and bordery colors.
To use the colors as background, simply add their names as a class with an underscore. For example, for purple background, you can use
class="_purple". This will automatically set the text color to either white or black on contrast and also same color to the borders.
To use the colors as front text matter, use suffix
f- along with the underscore. For example, for purple text, you can have
For changing color of the border particularly, its same as above, just use the
bc- suffix. For example.
You are free to mix up, for example, see the following jumbo:
<div class="jumbo _bordered _f-teal _bc-black _pink"> Colorful? </div>
<div class="note _f-yellow _bc-primary _nightblue"> Colorful? </div>