mixins: увеличение значения свойства background-image

Question

Вот следующий миксин:

.a () {background-image: url(one.png);}

Теперь я хочу .b наследует .a, но он должен добавить второй слой фонового изображения, например:

.b {
    .a;                                 <-- import
    background-image: url(second.png);
}

сгенерирует:

.b {
    background-image: url(one.png);
    background-image: url(second.png); /* wins */
}

и не

.b {
    background-image: url(one.png), url(second.png);
}

что я и хотел бы ...

Можно ли разобраться с этим в МЕНЬШЕ?

Answer 1

Это возможно в МЕНЬШЕ, но не совсем так, как вы написали. Чтобы достичь того, что вы ищете, вам нужно настроить изображения как переменные, например:

@a:url('../images/img-a.png') top left repeat;
@b:url('../images/img-b.png') top left repeat;

Затем, когда вы определяете класс или идентификатор, вы добавляете переменные следующим образом:

.someClass {
    background:@a, @b;
}