Whenever I use "#" hashtags in certain situations in a .less file, I encounter a node less compiler error. It seems to handle color hex values like color: #FFFFFF; fine, but when something like #zoom: 1; is used, it throws a parseError for unrecognized input.
I have not been able to find any other discussions directly addressing the issue of using # and causing problems for the compiler, which leaves me wondering why this problem has gone unnoticed by others.
Here is an example of a .less file definition for a class taken from the Dojo SDK file dijit.css. I changed the extension to .less so that I could consolidate it with other .less files into one .css file:
.dijitInline {
/* To inline block elements.
Similar to InlineBox below, but this has fewer side-effects in Moz.
Also, apparently works on a DIV as well as a FIELDSET.
*/
display:inline-block; /* webkit and FF3 */
#zoom: 1; /* set hasLayout:true to mimic inline-block */
#display:inline; /* don't use .dj_ie since that increases the priority */
border:0;
padding:0;
vertical-align:middle;
#vertical-align: auto; /* makes TextBox,Button line up w/native counterparts on IE6 */
}
The compiler encounters issues with the #zoom and #display lines.