CSS compilation

CSS compilation is a process of converting the LESS/SCSS code into CSS. You could already know that LESS/SCC is a dynamic CSS code, that allows to use different variables and functions. It has more options in comparison with CSS code.

Compiler program, written in JavaScript, takes LESS code and converts it into CSS. Here is an example of the LESS code:

After the compilation code will look like:

Our Cherry Framework themes have autocompiler included. You can see that in cherryframework/includes/less-compile.php file. Do not edit main-style.css file. That file is compiled from style.less file. You can add your code to the style.less file. Once the change is saved your main-style.css file will be removed and new one will be generated instead. That is reason why css changes done on the site are being reverted back.

Also there is a great variety of 3rd party tools that allow to compile your LESS files. You can easily find them online.