CSS injection failing if changing imported .less files

[roblgs]

I'm trying to edit the bootstrap .less module files that come with the Roots theme for wordpress.

The main stylesheet is generated from app.less, which in turn imports bootstrap.less, which then imports a load of modules (all .less files).

If I make a change to body background-color within the app.less file then the CSS injection works fine. However this isn't ideal. The body background-color should be defined within the variables.less module file that is imported by bootstrap.less.

If I make the change within the variable.less file the CSS injection does not result in any change in the displayed page. If I reload the page manually at thios point, without further changes to the variables.less file the change DOES display.

It's as if the CSS injection happens when the app.less file is changed as a result of changing the imported variables.less file two levels down, but crucially BEFORE the actual CSS file has updated. If I make the change to the higher level app.less file, then the injection is triggered after the CSS file has been updated and the change is displayed OK.

Using Safari and Chrome (latest versions) woith latest CodeKit on Mavericks 10.9.1