2016-11-08 2 views
0

У меня средний веб-проект, который растет. Вот как выглядит моя архитектура ITCSS:В ITCSS, какой подход вы бы использовали для создания раскладки 2 и 3 столбцов?

  1. Настройки ...... глобальные вары, переключатели конфигурации, цвета брендов.
  2. Инструменты ......... по умолчанию mixins и функции, сторонние инструменты.
  3. Общие стили нулевого нуля (нормализовать, сбросить, размер окна).
  4. Элементы ...... неклассифицированные элементы HTML (селектор типов).
  5. Объекты ....... косметические шаблоны проектирования, агностически названные (обертки, макеты, носители).
  6. Компоненты .... предназначенные компоненты, куски пользовательского интерфейса, группа объектов.
  7. Темы ........ тематические стили, такие как сезонные или админ-разделы.
  8. Force ......... Переопределяет, помощники, важные стили.

Где вы хотите создать файлы, связанные с Layout?

  • Объекты/о-3-колонного layout.scss
  • компонентов/с-3-колонного layout.scss
+0

Не могли бы вы уточнить, что вы имеете в виду, говоря, 'Layout' родственного файлы? Вы говорите о сетке в целом или о конкретном дизайне макета? Можете ли вы привести несколько примеров стиля стилей, связанных с компоновкой? –

ответ

1

ITCSS (и даже ваше собственное описание уровней ITCSS выше) рекомендует помещать файлы, связанные с макетами, в «Объекты».

Компоновка связанных CSS являются «селекторы класса на основе которых определяют недекорированные шаблоны проектирования» - строки, столбцы, распорки, толкает/съемники и т.д.