Komanda composes failams CSS modules React'e

Komandą composes galima pritaikyti ir stilių pakartotiniam panaudojimui iš vieno failo kitame.

Grįžkime prie buttons programėlės, kurią kūrėme ankstesnėse pamokose. Tarkime, norime pridėti visiems mygtukams vienodas šešėlius, žymeklio stilių ir paryškintą šriftą. Tegul šie stiliai yra įtraukti į failą App.module.css. Atidarykime šį failą ir pridėkime į pradžią naują klasę beauty su šiais stiliais:

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

Pritaikykime jį mygtukų stilizavimui. Tam atidarykime Buttons.module.css ir atlikime pakeitimus common-btn klasėje. Pridėsime eilutę su komanda composes, kurioje nurodysime klasės beauty pavadinimą, kurią norime pritaikyti, ir failą App.module.css, kuriame yra ši klasė:

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

Paimkite savo programėlės kodą iš užduoties ankstesnėje pamokoje ir sukurkite kokią nors šešėlį savo įvesties laukams naudodami šioje pamokoje pateiktą būdą.