lavezzi1
@lavezzi1

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

Здравствуйте. Начал использовать 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


Это так должно работать?
  • Вопрос задан
  • 397 просмотров
Пригласить эксперта
Ответы на вопрос 1
berik_iushi
@berik_iushi
Front-end Developer
К сожалению нет, если вы используете только класс .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:
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы