CODEWITHSUNDEEP
less
Robert Boyer
Robert Boyer

Reputation: 11

LESS css compile error

I am not super proficient with LESS (I use SCSS/SASS) but am working on someone else's code that appears to have been compiled successfully in the past.

The ONLY thing that's spitting out an error is this:

background: url(@theme-images-dir + 'bx_loader.gif') center center no-repeat #fff;

specifically this error: 

SyntaxError: expected ')' got '+' in /Users/rwboyer/2fish/grpin/wp-content/themes/lawyers-attorneys/wpv_theme/assets/css/bxslider.less on line 40, column 36:

@theme-images-dir appears to be defined and included in another less file before this statement is reached.

Any hints as to what is happening here?

Thanks.

Upvotes: 1

Views: 809

Answers (2)

keja
keja

Reputation: 1363

Like Zar's saying you cant use +, you have to do it like this:

background: url("@{theme-images-dir}bx_loader.gif") center center no-repeat #fff;

Upvotes: 1

Zarwan
Zarwan

Reputation: 5797

It's a parsing error that's saying that you can't put a '+' in your URL, you need to have a closing parenthesis. I'm betting that string concatenation is not supported. See this to get an alternative to string concatenation: Concatenate strings in Less

Upvotes: 0

Related Questions