sass background mixins using url

compass-sass, css, sass

Solution

try with variable interpolation of `#{$name}`

@mixin bgimage($name) {
  $url:"../images/#{$name}.png";
  background: url($url);
}

and pass the filename, without extension, as a mixin parameter:

@include bgimage(your-png-file-without-extension);

since it is already appended in the `$url` variable of your mixin

Problem

guys i would like to create a background mixin instead writing repeated url ``` @mixin bgimage($name){ $url:"../images/$name.png"; background: url($url);} ``` and,it never accept the valuee to $name variable i called it by ``` @include bgimage(name.png); ``` and in css the output is came wrong like this ``` background: url("../images/$name.png"); ``` is there any way to write the url in mixin ? ot how to do it in short way

Original source

Related problems