Глобальная CSS-оболочка - Next.js + Sass - PullRequest
Новая
       8

Глобальная CSS-оболочка - Next.js + Sass

0 голосов
/ 03 декабря 2018

Я не уверен, относится ли этот вопрос конкретно к Next.js, Sass или, может быть, к Webpack.В любом случае, скажем, я бы хотел обернуть все свое веб-приложение классом CSS, но я не хочу, чтобы этот родительский класс автоматически добавлялся в каждый файл SCSS (или, конечно, в другое решение).

Я объясню на примере.Скажем, у меня есть эта HTML-структура с несколькими компонентами: 

<div className="main-xyz">
  <Component1 className="component1">
  <Component2 className="component2">
  <Component3 className="component3">
  <Component4 className="component4">
</div>

Каждый компонент имеет свой собственный файл SCSS.Теперь я не хочу писать вручную .main-xyz в каждом файле, например: 

.main-xyz {
  .component1 {

  }
}

Я бы хотел, чтобы он добавлялся автоматически, пока sass компилирует SCSS в CSS.

Кстати, я использую @ zeit / next-sass для обработки SASS в Next.js.

Спасибо:)

...