[Jonathan]

In the CBOX child theme’s style.css, there’s a comment line that reads:

CBOX combines all the stylesheets into one file called dynamic.css. You can also write CSS using LESS.

Yet I can’t find anything about using LESS with a CBOX theme. Writing LESS in style.css or in assets/css/ doesn’t seem to be compiled to CSS. How can I use LESS with a CBOX child theme?

[Jonathan]

Does this comment refer to a feature that no longer exists in CBOX?

[Christian Wach]

@jreeve Sounds like the comment is a bit misleading. I have got LESS working here, but not without a bit of jiggery-pokery.

Grepping the cbox-theme code for ‘lessc’ and ‘ICE_Less’ will show you how and where the theme engine tries to parse LESS files. However, before you can work with LESS, there’s a bug in the theme engine that needs fixing. I’ve just created a PR on Github which will show you the fix.

Your LESS files will need inclusion via ‘features.ini’ and ‘infinity.ini’ and need to have the ‘.less’ file extension for them to be compiled into ‘dynamic.css’. So, in ‘features.ini’, add:

[child-theme-less-example]
type = "default"
title = "Child Theme LESS Example"
style = "assets/css/test.less"

And in ‘infinity.ini’ add:

[feature]
child-theme-less-example = on

Then add ‘test.less’ LESS file to your child theme’s ‘assets/css’ directory. Switch ‘INFINITY_DEV_MODE’ to true and you should see your compiled CSS appear in ‘dynamic.css’.

[Author]

Posts