Evolution CSS classes are semantic and transparent in meaning. Numerical scales help make it easy to experiment with different sizes, colors, or other values, simply by guessing.
There are two types of class names. The first type are those that begin with the prefix
evo-, such as these color classes which can be applied to text.
Suffixes such as
-bg help create special powers. By adding
-bg to our color classes, we target the background-color instead.
evo- prefix generally indicates that a class is controlled from the Evo theme, which is defined in a variables file. Changing these variables will alter the overall Evo framework on a global level.
The second type of classes are descriptive and utilitarian. These classes may also be controlled by variables, but most are hard-coded.
image-size-25etc. The utility numbers are usually set on a modular scale, from 0 to 15, or 0 to 25, or higher, depending on the element.