LESS

Table of Contents

Usage
Art Direction

Convert LESS syntax into CSS syntax.

Download Version 2.6.0 Download Development Version

Something looks broken? We accept bounties to fix them faster.

This extension compiles LESS code into CSS code by looking for files with extension .less added through the Asset::set() method, storing the compiled results as static files and then displays them as CSS files. The compiled file contents will be updated automatically on every file modification changes on the LESS files.

.\path\to\file.less → .\path\to\file.css
.\path\to\less\file.scss → .\path\to\css\file.css

Usage

Asset::set('.\path\to\file.less');

Art Direction

To enable this feature requires you to install the Art Direction extension. Though, it’s already included by default in the core. Adding less.data file to a page folder will generate css.data file that contains the compiled results of less.data file automatically:

.\
└── lot\
    └── page\
        ├── lorem-ipsum\
        │   ├── css.data ← Automatic :)
        │   └── less.data
        └── lorem-ipsum.page