How to format text with variable without quotes in SASS?

Question

In SASS, I have this

@mixin background_gradient($dir, $from, $to) {

    background: linear-gradient('to #{$dir}', $from, $to); // for IE10

}

Except in the browser in comes out to

browser: linear-gradient("to top", #ffffff, #ffffff)

but it needs to be

browser: linear-gradient(to top, #ffffff, #ffffff)

without the quotes.

How can I do this?

Thanks

Answer 1

If need to remove quotes from a string, you can use the unquote function:

@mixin background_gradient($dir, $from, $to) {
    background: linear-gradient(unquote('to #{$dir}'), $from, $to);
}

Sign up