Каманда composes для файлаў у CSS modules у React

Каманду composes можна ўжыць і для перавыкарыстання стыляў з аднаго файла ў другім.

Вернемся да дадатка buttons, які мы рабілі ў папярэдніх уроках. Выкажам здагадку, мы хочам дадаць усім кнопачкам аднолькавыя цені, стыль курсара і тоўсты шрыфт. Хай гэтыя стылі будуць размешчаны ў файле App.module.css. Давайце адчынем гэты файл і дадамо ў пачатак новы клас beauty з гэтымі стылямі:

App.module.css.beauty { 
  box-shadow: rgba(50, 50, 50, 0.2) 0 5px 5px 0;
  font-weight: bold;
  cursor: pointer;
}

Давайце ўжывем яго для стылізацыі кнопак. Для гэтага адчынем Buttons.module.css і унесем змены ў клас common-btn. Мы дадамо радок з камандай composes, дзе пакажам назву класа beauty, які мы хочам ужыць і файла App.module.css, у якім знаходзіцца гэты клас:

Buttons.module.css.common-btn {
  composes: beauty from "../App.module.css"; 
  font-size: 16px;
  border-radius: 3px;
}