В ITCSS какой подход вы бы использовали для стилизации 2 и 3 колонки?

Question

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

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

Где бы вы создали файлы, связанные с макетом?

• Объекты / о-3-колонный layout.scss
• Компоненты / с-3-колонки-layout.scss

Answer 1

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

Связанные с макетом CSS - это "селекторы на основе классов, которые определяют недекорированные шаблоны дизайна" - строки, столбцы, разделители, толчки / пуллеры и т. Д.