Как задать несколько css свойств для переменной в scss?

Question

[RussianMan]

Привет,
у меня есть переменная $container-background , которая отвечает за фон.
Когда я задаю свойство linear-gradient, то все отлично. Но как мне задать еще и свойство transform для $container-background?

P.S.: если это имеет значение, то речь про foundation

Comments

[andead]

похоже что вам нужно прочитать про миксины в sass

Answer 1

[Евгений]

Используйте maps:

$container: (
    background: #ccc,
    transform: translate3d(0, 0, 0)
)

map-get($container, 'background')

https://www.sitepoint.com/using-sass-maps/

Comments

[RussianMan]

$container-background: map-get($container, 'background');

а как задать для $container-background: одновременно оба свойства?
$container-background: map-get($container, 'background');
$container-background: map-get($container, 'transform');
?

[Евгений]

RussianMan: Не совсем понял, я ведь примел пример как сделать. Если хотите задать для переменой "$container-background" тогда сделайте так же: $container-background: ( background: ..., transform: ... ). Далее уже в нужном месте вызывайте background: map-get($container-background, 'background')