React-da CSS modullarinda fayllar ucun composes komandasi

composes komandasindan bir fayldaki stil-lari basqasinda yenidən istifadə etmək ucun də istifadə etmək olar.

Əvvəlki dərslərdə etdiyimiz buttons proyektinə qayıdaq. Təsəvvür edək ki, biz butun düymələrə eyni kölgələri, kursor stilini və qalın yazı stilini əlavə etmək istəyirik. Gəlin bu stillər App.module.css faylında yerləşsin. Gəlin bu faylı açaq və əvvəlinə bu stillərlə yeni bir beauty sinifi əlavə edək:

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

Gəlin onu düymələri stilizasiya etmək ucun tətbiq edək. Bunun ucun Buttons.module.css faylını açaq və common-btn sinifində dəyişikliklər edək. Biz composes komandası olan sətir əlavə edəcəyik, harada ki, istifadə etmək istədiyimiz beauty sinifinin adını və bu sinfin yerləşdiyi App.module.css faylını göstərəcəyik:

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