Как верстать на sass чтобы все было в одном файле?

Question

[Дмитрий Смирнов]

Добрый день.
Есть сайт: тут , где много страниц и один файл стилей для всего.

Я верстаю через сборщик gulp, используя sass. Подскажите, как правильно верстать крупные сайты и каким должен быть файл стилей?
Должен ли это быть один файл?
И если использовать sass, то как построить иерархию в стилях?
Приведу пример:
Я верстаю обычно с вложенностью, типа

.main{
   ...
   .block{
       ...
      .element{...}
   }
}

Для крупного сайта нужно разделять стили, чтобы не было вложенности? Например:

.main{...}
.block{...}
.element{...}

Answer 1

[Алексей Верховцев]

https://sass-guidelin.es/ думаю вам понравится архитектура, она после собирается в 1 файл и как сказал mrusklon используйте bem

Comments

[Дмитрий Смирнов]

Спасибо за ответ

Answer 2

[Павел]

для больших сайтов используйте bem , да файл желательно один делать.