Sfumatura del fondo di miscelazione con background imagepng - sass, fondo

Ho un mixin dichiarato più o meno come questo

@mixin color-background {
background: yellow;
}

E vorrei usare questo colore come sfondo di un png. ma non riesco a mescolare i due

ora quello che mi piacerebbe fare è per esempio

.myImageWithBackgroundColor{
background: url(image.png),@include color-background
}

Come posso ottenerlo con SASS e mixin?

risposte:

È possibile memorizzare il valore di sfondo del mixin in una variabile, quindi utilizzare la variabile anziché l'intero mixin nel secondo frammento di codice.

$my-color: yellow;

@mixin color-background {
background: $my-color;
}

.myImageWithBackgroundColor{
background: url(image.png) $my-color;
}