Less file with .background-image doesn't comile.

[rantiev]

Hi, guys, i'm trying to compile file that has mixin with JS evaluation, but it doesn't compile. How could you get it work, i can't see... I was trying to compile it using Webstorm "less css compiler" plugin then i started to try comile using node.js module "less" and "simple less" windows client side comiler. Nothing helps.

If i try to use simple .transition mixin, it works.

my file contents only import and 1 .background-image mixin call (from your docs).

@import "lesshat";
div {
.background-image(linear-gradient(to bottom, #fb83fa 0%,#e93cec 100%));
}

That's all.

[rantiev]

Stackoverflow question.
http://stackoverflow.com/questions/22463741/lesshat-background-image-doesnt-work-for-me

[petrbrzek]

Hi, what is your lessc version? I tried it on my mac with lessc 1.7.0 and worked without problems. I'll test it on Windows at work tomorrow.

[rantiev]

Hi, I have installed it today only. It seems to be the last, like yours.

I have:
Windows 7,
new Asus laptop with good performance.

Lesshat version
// version: v2.0.15 (2014-01-31)

C:\Users\ra>lessc --v
lessc 1.7.0 (LESS Compiler) [JavaScript]

I was wondering whether i wrote something wrong in the mixin parameter (you know sometimes you think there is no mistakes but there are), and didn't find anything.

Project structure:
root:
root/styles
root/styles/lesshat-tests.less
root/styles/lesshat.less
root/styles/lesshat-prefixed.less
root/styles/css
root/styles/css/lesshat-tests.css

[rantiev]

Is anywhere in docs information how less works with javascript evaluation?

[rantiev]

That will be cool if you will add mixin that will add rgba background-color support for IE8+, it will output rgba for all modern browsers and gradient with ARGB for IE8+

[JamieDixon]

I'm having the same problem using Web Essentials in Visual Studio 2012. It uses the node-less compiler and claims to always use the latest version: http://vswebessentials.com/features/less

.background-image(~"linear-gradient(to bottom, #ffffff 0%,#ffffff 46%,#ebebeb 49%,#ffffff 52%,#ffffff 100%)");

[Way]

Same problem for me! Using Visual Studio 2012 with Web Essentials 3.7 and Lesshat 3.0:
All mixins except background-image(~"linear-gradient(...)") work as expected but as soon as I add a mixin for linear-gradient the less file will not be compiled anymore. Output stucks at LESS: Compiling file.less - No error were thrown.

Would love to see this fixed since Lesshat is awesome and the workflow with Web Essentials live-compiling to css with its side-by-side preview is something I don't want to miss.

[BarbzYHOOL]

Still an issue 4 years later on lesshat 3.x

any solution?

Edit: ok i can update to lesshat4 but it seems VERY different and harder to install

[mboudreau]

Yeah, switch to sass. Less development pretty much stopped, sass is better.

…

On Sat., 22 Sep. 2018, 7:16 am Barbz, ***@***.***> wrote: Still an issue 4 years later any solution? — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#98 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AAjA5M-hCiBBYNya-Q6s3V7k_E9YrhKZks5udVcigaJpZM4BqXCA> .

[BarbzYHOOL]

same amount of commits and contributors in the past few days on less / sass