Команда composes за фајлове у CSS модулима у 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;
}

Узмите код ваше апликације из задатка за прошлу лекцију и направите било какву сенку за ваше инпуте користећи начин приказан у овој лекцији.