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

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

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

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

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

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