Как составить стили с помощью sass и css-модулей?
Я просто захожу в create-react-app v2 и мне было интересно, как стилизация делается в проектах. Есть так много способов сделать стиль. Например, если у вас есть .NavBar который также использует многоразовые .container и, может быть, другой класс, как вы их сочиняете? Ты используешь :root и использовать compose из CSS-модулей или вы используете @extend или же @mixins нахальный? Или, возможно, передать массив как className <div className={['navbar', 'container']}>?
Как вы делаете импорт также? Импортирует один index.scss файл, содержащий все повторно используемые классы для каждого [name].module.scss путь?
Так что каждый [name].module.scss начинается так:
@import '../../styles/index.scss"
....
.navbar {
display: flex;
}
....
и index.scss имеет
@import 'layout'
@import 'colors'
@import 'typography'
...