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, notifications@github.com 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 https://github.com/madebysource/lesshat/issues/98#issuecomment-423672933, 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