/ / Змішати градієнт фону з фоном image.png - sass, background

Змішування фону градієнта з фоном image.png - сасс, фон

У мене міксин оголошений більш-менш подібним

@mixin color-background {
background: yellow;
}

І я хотів би використовувати цей колір як фон PNG. але я не можу, здається, змогти змішати два

тепер, що я хотів би зробити, це, наприклад

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

Як я можу це досягти за допомогою SASS та mixin?

Відповіді:

1 для відповіді № 1

Ви можете зберігати фонове значення mixin до змінної, а потім використовувати змінну замість цілого mixin у другому фрагменті коду.

$my-color: yellow;

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

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