variables in import paths only work if defined in same file

[ESchuderer]

LESS v 1.6.2

Test Case

variables.less

@theme: 'default';

buttons.less

@import 'variables.less';

some button related less code

@import 'themes/@{theme}/buttons.less';

Error

variable @theme is undefined

Workaround

If I define the @theme variable directly within the buttons.less file it works fine, but if I do in the imported variables.less it wont work. Any other variables outside of that @import section work fine, eg. padding: @size-xs @size-s;.

[seven-phases-max]

Yep, known issue http://lesscss.org/features/#variables-feature-urls.

[lukeapage]

There are other dupes of this issue too

[matthew-dean]

Blarg, I just ran into this one on my current project.

[chrylis]

I'd like to add a +1 for this. I have some rather unwieldy relative paths for Bootstrap components, and absent a merge on #1965, this would help clean things up markedly.

[lukeapage]

I'll look at this, I have a plan to improve things

[lukeapage]

@chrylis would you be able to try out #2246 and see if it fixes your problem?
Any testing would be appreciated.

[chrylis]

@lukeapage I'm brand-new to managing a JS/CSS build, and I'm not sure how to run a version of a JavaScript application out of a PR. Using Mimosa, if that matters.

[lukeapage]

I think you would have to wait till mimosa less gets updated and a stable version is released.

https://github.com/dbashford/mimosa-less/blob/master/package.json

I've put the changes into v2, which is released