Some LESS Syntax Errors

Hello,

Your Web Workbench is really amazing !!

but I have found some Syntax Errors in a LESS document:

• LESS don't know filter and -ms-filter

• error with the background property

• Some errors with ':hover', ':active' and ':not' (perhaps just ':' ...)

Firt lines : the coloration stops to the 27th chars, no problems if ':hover' removed

Error on the third line, and after, no more coloration

If '#top { a:hover {...} }' is removed, error at 'div:not(...)', coloration stops too.

• LESS don't like '-' , exemple with this transition function

Some few other things about LESS:

• I can't create new LESS, SCASS, CoffeeScript files directly from VS, because the templates are missing, but coloration and intellisense work (I have a french version)

• it will be great if intellisense supports LESS color function

And just one more thing, I think a 'Spoiler' Balise in you're website can be fun, for long codes or big images !

Good luck to fix this problems, you do a really great job guys ! I love it :)

Shadowbiwan

.opacity (@val) {
    opacity: @val;
    filter: e(%("alpha(opacity=%d)", @val * 100));
    -ms-filter: %("alpha(opacity=%d)", @val * 100);
}

.linear-gradient (@start-col, @end-col) {
    background-color: @start-col;
    background-image: linear-gradient(90deg, @start-col, @end-col);
    background: -webkit-gradient(linear, left top, left bottom, from(@start-col), to(@end-col));
    background: -moz-linear-gradient(@start-col, @end-col);
    // IE6 et 7
    filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", @start-col, @end-col));
    // IE8
    -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d, endColorstr=%d)", @start-col, @end-col);
}

.transition (@property: all, @duration: 0.2s, @timing-function: ease-in-out, @delay: 0s) {
    transition: @arguments;
    -webkit-transition: @arguments;
    -moz-transition: @arguments;
    -o-transition: @arguments;
    -ms-transition: @arguments;  /* IE10? */
}

#top {
    .transition(all, 0.2s, ease);
    .transition(all, 0.2s, ease-in-out);
}

#main {
    background: url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top right;
    color: #FFF;
}


#top a:hover , #top a:active { color: #FFF; }
#top a:hover    , #top a:active { color: #FFF; }
#top {
    a:hover { .opacity (0.3); }
}

#top {
    .transition(all, 0.2s, ease-in-out);
    div:not(.pagination){ padding: 10px; }
}

Hello Shadowbiwan,

Thanks for the feedback and the detailed repros -- sorry it took a couple of days to get back to you.

I think the problem we have with the filter and -ms-filter properties is to do with the %() and e(%()).  Are these escape sequences?  Let me know how they should be highlighted and I'll see what we can do!

You should be able to work around the URL issue by quoting the URL -- we will look into this to see if a further fix is required.

Intellisense for SASS and LESS functions is on the wishlist but we haven't yet planned it in -- sorry!

We're investigating the other problems and will hopefully be able to get you a fix soon -- I'm afraid we've been a bit snowed under these last few days!

We'll have fixes for the a:hover/div:not and ease-in-out issues in the next update.  Thanks for reporting these issues!

We're still investigating why you're not seeing the templates.  We have had a couple of other reports of missing templates on non-English installs, but we're not installing them in an English locale directory, so we're not sure if this is a coincidence or not.  As you've obviously realised, you can work around it by using the Text File template and manually entering the .less file extension, but we'll keep looking into it!

Hi,

No problems for the time before the replies, I think you have a lot of stuff to do !

For the filter and -ms-filter properties, '%()' and 'e()' are just LESS | Javascript [cross the wrong answer] functions. Like I found these two lines on internet, I'm not sure what they do, but '%("alpha(opacity=%d)", @val * 100)' replace %d by @val * 100, and 'e()' seems to just escape the sentence. I think they should be black like the 'url' function in my previous post.

Quoting the url is a very good idea to work around the issue !

For the templates, I noticed an other coincidence. Like my main hard disk C: is little, I move my Document to the D: hard disk, so the Visual Studio files (and templates) are on D: . But I found, in my 'C:\Users\[UserName]\' directory, a 'Visual Studio 2010' folder with just a 'Templates' folder inside. All its subfolders are empty and I don't think Web Workbench is guily [I have others extensions], but it is a very strange coincidence.

I hope the intellisense will be avaible soon, but take time to do it and I'm sure it will be good !

Great job guys,

Shadowbiwan