SMACSS项目的文件夹结构 - 放置课程的位置?

时间:2014-12-27 17:59:52

标签: css sass methodology smacss

我在编写CSS时开始遵循SMACSS原则。读完这本书两次之后,我觉得我对这个理论有了很好的把握,但现在我把这个问题付诸实际工作了。

在我的基本文件夹中,我有一个normalize.css和一个自定义CSS重置,对于某些部分覆盖,其他部分扩展规范化。

现在我创建了一个删除所有填充和删除的类。列表中的列表样式。所以这个类取决于之前定义的样式,但对我来说既不是状态也不是模块。

我在哪里上课?

2 个答案:

答案 0 :(得分:3)

正如Evgeniy所说,如果您想将其用作默认值,则应该在base中。

但另一个问题是:如果你不通过bower或npm或git获取normalize.css,你应该最好修改那里的css以适应你的样式,而不是以后覆盖规则。这样可以节省文件大小,同时保持较低的特性并受到控制。

如果你使用包管理器获取它,那么仍然有一些像uncss这样的后处理器可以在后处理步骤中删除重复的规则。它可能有点棘手,但工作得很好,可以节省很多字节。

答案 1 :(得分:0)

如果此修改应作为所有列表的默认值(如重置)应用 - 您需要将其置于BASE

如果此修改仅适用于某些特殊页面,请使用THEME

在其他情况下,它应放在MODULE中,作为某些基类,如.m-list或子类.m-list-plain