Variable properties $@ not working within if()

[sabl0r]

Variable properties are working in general but not if you use them within if() (maybe other functions as well).

The code below gives me this for the "nok" mixin:

property "100" not found

I know that this feature is not yet documented (less/less-docs#500), but is this usecase supposed to work or not?

@devices: {
	mobile: 420;
	tablet: 800;
	desktop: 1024;
	widescreen: 1280;
	fullhd: 1440;
}


.nok(@d) {
	@w: if(iskeyword(@d), @devices[$@d], @d);
	width: @w;
}

.ok(@d) {
	@w: if(iskeyword(@d), @d, @d);
	width: @w;
}

.ok {
	.ok(tablet);
	.ok(100px);
}

.nok {
	.nok(tablet);
	.nok(100px);
}

[matthew-dean]

This is actually a duplicate of #3371

The issue is that all Less functions evaluate all arguments, so you can't optionally evaluate based on the first statement of the function. Therefore the else statement immediately fails. This is a planned feature in the future.

[matthew-dean]

Closing as duplicate.

[sabl0r]

Thanks for the fast feedback!