Я добавляю React Components к старому Ruby на Rails Application с некоторыми устаревшими CSS с конвейером активов.
У меня есть файл main.s css, внутри которого много таблиц стилей. Вот так:
input {
font-size: 2.0rem;
font-family: $font-family-base;
}
textarea {
font-size: 2.0rem;
font-family: $font-family-base;
}
textarea,
input[type="text"],
input[type="number"],
input[type="password"],
input[type="url"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="search"] {
width: 100%;
padding: 8px 0;
background: $white;
border: none;
box-sizing: border-box;
appearance: none;
}
Я добавляю Material-UI в мои React Components. Проблема здесь в том, что этот main.s css переопределяет мою таблицу стилей из Material-UI, создавая БОЛЬШУЮ MESS с моими компонентами.
Мой вопрос: «Могут ли мои компоненты React внутри моего Rails-приложения« забыть »о таблице стилей main.s css?»