Итак, есть сассовский 7-1:
sass/
|
|– abstracts/
| |– _variables.scss # Sass Variables
| |– _functions.scss # Sass Functions
| |– _mixins.scss # Sass Mixins
| |– _placeholders.scss # Sass Placeholders
|
|– base/
| |– _reset.scss # Reset/normalize
| |– _typography.scss # Typography rules
| … # Etc.
|
|– components/
| |– _buttons.scss # Buttons
| |– _carousel.scss # Carousel
| |– _cover.scss # Cover
| |– _dropdown.scss # Dropdown
| … # Etc.
|
|– layout/
| |– _navigation.scss # Navigation
| |– _grid.scss # Grid system
| |– _header.scss # Header
| |– _footer.scss # Footer
| |– _sidebar.scss # Sidebar
| |– _forms.scss # Forms
| … # Etc.
|
|– pages/
| |– _home.scss # Home specific styles
| |– _contact.scss # Contact specific styles
| … # Etc.
|
|– themes/
| |– _theme.scss # Default theme
| |– _admin.scss # Admin theme
| … # Etc.
|
|– vendors/
| |– _bootstrap.scss # Bootstrap
| |– _jquery-ui.scss # jQuery UI
| … # Etc.
|
`– main.scss # Main Sass file
А есть бэмовский. Один блок — одна директория. Имена блока и его директории совпадают. Например:
- Блок
header— директорияheader/ - Блок
menu— директорияmenu/. - А реализация блока разделяется на отдельные файлы-технологии. Например,
header.css, header.js.
search-form/
__input/
search-form__input.css
search-form__input.js
__button/
search-form__button.css
search-form__button.js
_theme/
search-form_theme_islands.css
search-form_theme_lite.css
search-form.css
search-form.js
... и т. д.
Так вот, какой способ структурирования более предпочтителен в плане вашего удобства? Мне кажется бэм более чистый. Если я буду по бэмовски строить, допустим вам попался мой проект, как вам такая структура проекта? Удобен? Или SASS 7-1 рулит?
