css - tag - mezcla de fondo sass usando url

remove text css

Question

Esta pregunta ya tiene una respuesta aquí:

• ¿Tienes una variable en la ruta de las imágenes en Sass? 3 respuestas

chicos me gustaría crear una mezcla de fondo en lugar de escribir URL repetida

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

y, nunca acepta el valor de $ name variable

lo llamé por

     @include bgimage(name.png);

y en CSS la salida salió mal así

     background: url("../images/$name.png");

¿Hay alguna forma de escribir la URL en Mixin? O cómo hacerlo de manera corta

Answer 1

prueba con la interpolación variable de #{$name}

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

y pasa el nombre de archivo, sin extensión, como un parámetro de mixin:

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

ya que ya está anexado en la variable $url de tu mixin