И это всё МОЁ

Итак, есть сассовский 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 рулит?









 , ,