In SASS, I have this
@mixin background_gradient($dir, $from, $to) {
background: linear-gradient('to #{$dir}', $from, $to); // for IE10
}
browser: linear-gradient("to top", #ffffff, #ffffff)
browser: linear-gradient(to top, #ffffff, #ffffff)
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);
}