About LESS
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.
This topic provides some high-level info about what you can do with LESS. For more information, visit the LESS website.
This topic provides some high-level info about what you can do with LESS. For more information, visit the LESS website.
In this topic:
Variables
You can define variables to be used in your stylesheet. For example:
LESS Variables
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
Mixins allow you to include properties from one rule-set into another.
For example, you might create this class:
For example, you might create this class:
Code Editor
And use it the following way:
Nested Rules
You can nest a number of rules into one. Instead of this:
Nested Rules
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.
Use Operations and Functions
Related Topics:
Implement the CSS
Implement the CSS