css - 在 ITCSS 中，您会使用什么方法来设置 2 列和 3 列布局的样式？

Question

我有一个正在增长的中型网络项目。这是我的 ITCSS 架构的样子：

1. 设置......全局变量，配置开关，品牌颜色。
2. 工具…………默认的 mixins 和函数，第 3 方工具。
3. 通用 .... 零基础样式（标准化、重置、框大小）。
4. 元素......未分类的 HTML 元素（类型选择器）。
5. 对象.......无装饰的设计模式，不可知的命名（包装器，布局，媒体）。
6. 组件 .... 设计的组件、UI 块、对象组。
7. 主题............主题风格，如季节性或管理部分。
8. 强制............覆盖，助手，！重要样式。

您将在哪里创建与布局相关的文件？

• 对象/o-3-column-layout.scss
• 组件/c-3-column-layout.scss

Answer 1

ITCSS （甚至您自己对上述 ITCSS 级别的描述）建议将与布局相关的文件放在 Objects 下。

与布局相关的 CSS 是“基于类的选择器，定义了未修饰的设计模式”——行、列、间隔、推/拉等。