在ITCSS中,您将使用哪种方法来设置2列和3列布局?

时间:2016-11-08 22:47:12

标签: css itcss

我有一个中等规模的网络项目正在增长。这就是我的ITCSS架构的样子:

  1. 设置......全局变量,配置开关,品牌颜色。
  2. 工具.........默认mixins和函数,第三方工具。
  3. Generic ....... ground-zero样式(Normalize,resets,box-sizing)。
  4. 元素......未展开的HTML元素(类型选择器)。
  5. 对象.......无化妆品的设计模式,非命名(包装,布局,媒体)。
  6. 组件....设计组件,UI组块,对象组。
  7. 主题........主题风格,如季节性或管理部分。
  8. 强制.........覆盖,帮助,!重要风格。
  9. 您在哪里创建与布局相关的文件?

    • Objects / o-3-column-layout.scss
    • 组件/ C-3-列layout.scss

1 个答案:

答案 0 :(得分:1)

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

与布局相关的CSS是“基于类的选择器,用于定义未修饰的设计模式” - 行,列,间隔符,推送/拉出器等。