dotless/dotless — Issue #132: using variables immediately after pound symbol causes errors
Author: Strandedpirate
Created: 2012-02-20 07:23:31+00:00
State: open

I'm want to utilize variables after pound symbols but it causes the dotless engine to explode. It renders a jumbled mess of odd ascii characters in this scenario. Can this be fixed in an upcoming release?

In my scenario I'm using the css gradient capabilities for the most recent browsers but am also providing a gracefull fallback for older browsers using a dynamicly generated gradient image using ImageResizer.Net's syntax. Unfortunately ImageResizer.net does not allow the pound symbol in the query string when defining a color so I cannot get around this issue and it made most sense to get dotless to allow for this scenario.

Example css that causes dotless engine to fail:

.someClass
{
@color1: fbfbfb;
@color2: 038096;

background: #@color1 url('gradient.png?width=1&height=60&color1=@color1&color2=@color2&angle=90') repeat-x bottom left;
background: -moz-linear-gradient(top, #@color1 0%, #@color2 100%) !important;
}