Как составить стили с помощью sass и css-модулей? - PullRequest
Новая
       32

Как составить стили с помощью sass и css-модулей?

0 голосов
/ 06 октября 2018

Я просто вхожу в create-react-app v2, и мне было интересно, как стилизация делается в проектах.Есть так много способов делать стилизацию.Например, если у вас есть .NavBar, который также использует повторно используемый .container и, возможно, другой класс, как вы их составите?Используете ли вы :root и используете compose css-модулей или используете @extend или @mixins sass?Или, возможно, передать массив как 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'
...
...