This is a real-time less parser for your li3 setup.
Put your less stylesheets into a folder 'less' in your webroot. For example:
app/webroot/less/styles.css.less
In your layout view file, link to your stylesheet as usual:
echo $this->Html->style('styles.css');
From now on, magic will happen, as long as you keep your .css.less files in webroot/less
.
li3_less will now convert your styles.css.less
file into styles.css
and serve it.
The .css
file will be cached and served in webroot/less
until you modify the corresponding less file.
Add a submodule to your li3 libraries:
git submodule add [email protected]:bruensicke/li3_less.git libraries/li3_less
and activate it in you app (config/bootstrap/libraries.php), of course:
Libraries::add('li3_less');
Also, you should chmod the less folder, so generated .css files can be cached.
chmod 0777 app/webroot/less
The following points is my roadmap. If you need any of this features sooner than later, please let me know.
- use Libraries:add() instead of require to load lessphp
- allow for recursive directoy structure
- put parsed files at resources/tmp (that is, where app has write-access)
This fork is a slightly enhanced version. For original code, see glaszig/li3_less
Please report any bug at bruensicke/li3_less/issues or at glaszig/li3_less/issues.