css - Вложенность в sass?


0

Можно ли при компиляции в SASS убрать вложенность? Или писать код без вложенности? На данный момент это выглядит вот так:

.main-page__main-header .main-header__wrapper .main-header__column .main-
 header__menu .main-header__item .main-header__link {}

Верстается многостраничный сайт, и нужно чтобы все стили были отдельно и все страницы обращались к одному файлу. Как это можно сделать?

Источник
  •  45
  •  1
  • 1 янв 2017 2017-01-01 13:21:49

1 ответ

0

Можно ли при компиляции в SASS убрать вложенность?

Вы имеете ввиду при трансляции из SASS в CSS? Как вы себе, интересно, это представляете. Хотите всю эту цепочку преобразовывать в отдельный класс?

Если нужно, чтобы все стили были отдельно, то прописывайте их в отдельных файлах и подключайте в единый. И уже этот единый файл подключайте к каждой странице сайта.

Если Вас конкретно вложенность такая пугает, то попробуйте, например, пользоваться полной методологией БЭМ. Это должно ускорить Вашу многостраничную разработку.

  • 1 янв 2017 2017-01-01 13:55:37
@pokemonjke Вам же по сути все равно на эти вложенности - стили редактируются в SASS, а для многоразового использования тех же блоков стилей можно наследование применять или локально создавать новые классы. — 1 янв 20172017-01-01 14:03:46.000000
Да, я имел ввиду при компиляции из sass в css. — 1 янв 20172017-01-01 13:58:07.000000