Как организовать правильную структуру sass?

Question

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

Возник вопрос по поводу организации структуры в sass. Прочитал что необходимо чтобы каждый элемент сохранял структуру DOM-дерева, примерно (или наверное) так:

body{
   header{
      .header-content{
            .header-content__logo{
              .logo__link{} 
              }
        }
   }
}

И как будет правильней организовать структуру scss файла? Допустим необходимо сверстать несколько страниц, то такая структура как пример выше уже не пойдет.
Есть ли какие-нибудь примеры или гайдлайны по sass?

Comments

[Сергей delphinpro]

Прочитал что необходимо чтобы каждый элемент при сохранял структуру DOM-дерева,

Может я неправильно вас понял, НО БЭМ-дерево совершенно не обязано повторять структуру DOM-дерева. Об этом специально упомянуто на ресурсе по БЭМу от Яндекса.

[Сергей delphinpro]

Что касается sass (любого препроцессора), то тут всё очень просто: один файл - один БЭМ-блок.

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

Сергей, код выше я написал как пример.
Я наверное не совсем правильно понял сам sass.
Допустим, нужно сверстать многостраничный сайт, а не лендинг.
И нужно сделать чтобы все страницы обращались к одному файлу со стилями, нужно тогда просто писать раздельный код как при простом CSS?
Пример:

header{...}
   .header-content{...}
   ...

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

Сергей, чтобы не было вложенности

[i]

Дмитрий Смирнов, посмотрите этот ответ: Имеет ли смысл отражать вложенность элементов в ве....

Когда пишите: "Прочитал что необходимо...", важно ссылку давать, чтобы было возможно понять контекст.