Komanda composes za fajlove u CSS modules u React-u

Komandu composes je moguće primeniti i za ponovno korišćenje stilova iz jednog fajla u drugom.

Vratimo se na aplikaciju buttons, koju smo pravili u prethodnim lekcijama. Pretpostavimo da želimo da svim dugmićima dodamo iste senke, stil kursora i podebljan font. Neka ovi stilovi budu smješteni u fajlu App.module.css. Otvorimo ovaj fajl i dodajmo na početak novu klasu beauty sa ovim stilovima:

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

Primenimo je za stilizovanje dugmića. Za to otvorimo Buttons.module.css i unosimo izmene u klasu common-btn. Dodaćemo liniju sa komandom composes, gde ćemo navesti naziv klase beauty, koji želimo da primenimo i fajla App.module.css, u kojem se nalazi ova klasa:

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

Uzmite kod vaše aplikacije iz zadatka za prethodnu lekciju i napravite neku senku za vaše input polje koristeći način prikazan u ovoj lekciji.