Weebly themes support using LESS for styling. LESS is a pre-processor for CSS. It extends CSS, so your stylesheet uses the same classes, pseudo-classes, IDs, etc. as standard CSS, but with added functionality.
You can define variables to be used in your stylesheet. For example:
This results in:
If your theme has multiple color variations, you use variables to define the properties that will change color with each variation.
Mixins allow you to include properties from one rule-set into another.
For example, you might create this class:
And use it the following way:
You can nest a number of rules into one.
For example, instead of this:
You can do this:
Operations and Functions
LESS allows you to manipulate values using variables and math. For example, you can lighten or darken colors using percentages, or you might make sizes relative to each other.