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

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

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

.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, у якім знаходзіцца гэты клас:

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

Вазьміце код вашага дадатка з задачы да мінулага ўрока і зрабіце якую-небудзь цень да вашых інпутаў выкарыстоўваючы спосаб, прыведзены ў даным уроке.