Почему дублируются стили в React?
Переношу проект на реакт - все основные стили подключаю в файле index.sass.
Стили, которые относятся к конкретному компоненту сохраняю в едином файле компонента, со всеми медиа запросами, которые относятся к компоненту.
Дублирование класса section-title, который хранится в interface.sass
При адаптиве
Класс section-title (interface.sass) его адаптивная версия прописана в файле media (media-992.sass), но она почему то перебивается опять таки классом section-title (interface.sass). На чистом html + sass такого не происходит.
В верстке на чистом html + sass ничего не перебивается
Структура проекта
Index.sass имеет вид
Какой вариант решения?
1)Сохранить все стили + медиа запросы, которые относятся к interface.sass в едином файле, как делаю для всех секций проекта.
Пример стилей одного компонента
