nex3/sass — Issue #198: Syntax error when using interpolation in properties
Author: tobiassvn
Created: 2011-10-20 15:01:19+00:00
State: open

SCSS raises syntax errors in certain cases when using interpolation in property names with a leading `-`:

```SCSS
@mixin vendor-prefix($property, $vendors, $value) {
@each $vendor in $vendors {
@if $vendor == none {
#{$property}: $value;
} @else {
// Without the leading #{""} the parser raises a syntax error:
//
// -#{$vendor}-#{$property}: $value;
//
// => Invalid CSS after "-": expected number or function, was "#{$vendor}-#{$p..."
//
#{""}-#{$vendor}-#{$property}: $value;
}
}
}

#test {
@include vendor-prefix(border-radius, moz webkit ms o none, 1px);
}
```