Команда composes за фајлове у CSS модулима у React-у

Команду composes можемо применити и за поновну употребу стилова из једног фајла у другом.

Вратимо се на апликацију buttons, коју смо правили у претходним лекцијама. Претпоставимо да желимо да свим дугмићима додамо исте сенке, стил курзора и подебљан фонт. Нека ови стилови буду смештени у фајлу App.module.css. Отворимо овај фајл и додајмо на почетак нову класу beauty са овим стиловима:

App.module.css.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, у ком се налази ова класа:

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