Background — background-size в сокращенной инлайновой записи?

Question

[Антон]

В какую позицию этого примера для первого бэкграунда нужно засунуть background-size 50%, чтобы не сломалось всё свойство?

background: url('/assets/images/offers/key.png') bottom 30px right 0 no-repeat, url('/assets/images/offers/sell.png') bottom right no-repeat #F7F7F9;

Между background-position и no repeat работать не желает

Comments

[Pavel Kuzyakin]

а что мешает отдельно указать background-size?

[Антон]

Pavel Kuzyakin, инлайну с двумя бэками? наверное то, что он применим к обоим сразу, а не к конкретному

[Pavel Kuzyakin]

Антон, а, ну да, въехал

Answer 1

[Вадим Кот]

.class {
  background: 
    url('/assets/images/offers/key.png') bottom 30px right 0  / 50% no-repeat, 
    url('/assets/images/offers/sell.png') bottom right no-repeat #F7F7F9;
}

или

.class {
  background: 
    url('/assets/images/offers/key.png'), 
    url('/assets/images/offers/sell.png') #F7F7F9;
  background-position: bottom 30px right 0, bottom right;
  background-size: 50%, auto;
  ​​​​​​​background-repeat: no-repeat;
}

Смотри документацию https://developer.mozilla.org/ru/docs/Web/CSS/back...
Там же написано

bg-size
Смотри background-size. Это свойство должно быть указано после background-position, разделенного символом '/'.
MDN

Comments

[Антон]

Увы

[Вадим Кот]

Антон, поправил

[Антон]

Вадим Кот, Запахало, спасибо!