Как работает composes в css-modules?

Question

[lavezzi1]

Здравствуйте. Начал использовать css-modules и столкнулся с таким вопросом, а не должен ли composes мержить классы в один?
Сейчас работает так:

.basic {
  border: none;
  background: transparent:
}
.primary {
  composes: basic;
  color: white;
  background: blue;
}
.sizeM {
  height: 40px;
  padding: 0 20px;
}

на выходе получаю:
.button_primary_3Xd_0 
.button_basic_3xC_0 
.button_sizeM_15a_0

Это так должно работать?

Answer 1

[Yury Lysov]

К сожалению нет, если вы используете только класс .primary то на выходе будет что-то типа

<div class="button_primary_3Xd_0 button_basic_3xC_0">...</div>

а в css будут оба класса

.button_primary_3Xd_0 {
  color: white;
  background: blue; /* переопределяет свойство из basic */
}
.button_basic_3xC_0 {
  border: none;
  background: transparent:
}