Командата 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;
}

Земете го кодот на вашата апликација од задачата од претходната лекција и направете некоја сенка на вашите инпут-полиња користејќи го начинот прикажан во оваа лекција.