Smacss 定义模块颜色的SMACS

在SMACSS中，我应该在哪里定义颜色

我已在base\base.css中为一般内容定义了基本字体，但我的页脚需要不同颜色的字体。 我应该在我的布局/footer.css中声明它，这样它就可以级联到组件中，如下所示：

.l-footer {
  background: #333333;
  margin: auto;
  color: #FFFFFF; /* Here ? */
}

或者，在实际组件的模块级别，该组件位于modules/essential.css中的页脚内

.testimonial {
  color: #FFFFFF; /* Or here ? */
}

是否有任何文档或链接讨论此问题

---

非常感谢。

如果我是你，我会用主题来完成这些任务。定义基础、颜色、背景等，然后附加主题类（THEME.css）：

---

有关主题规则的更多信息-如页面背景、排版、颜色等。这是我经常传递的另一个领域，除非我需要覆盖不同页面的主题元素。这方面的一个例子可能是内容类型具有不同的样式，以便将其与站点的其他部分区分开来。因此，如果您的页面有白色背景-

正文{background:#fff；}

但在博客页面上它应该是灰色的，我会使用主题规则覆盖我的基本规则-

。节点类型博客{background:#ccc；}

---

更多信息请访问：

谢谢@Evgeniy。我曾想过这样做，但我的理解是，当需要多种配色方案时，会使用主题层。例如区域颜色。对于一个单一颜色的网站来说，我觉得这会使CSS变得太零碎。我仍然不知道我将如何迎合不同颜色区域的多个主题。我想他们会在BODY标签上挂上一个类。如果我想做“推荐”样式，我应该转到我的模块文件夹中的_-estimential.scss文件，我不想在一个主题文件夹中为我的所有模块设置主题反艺术-这似乎是错误的。让我们从一个新的角度来看待你的任务。你们从底部开始，在主体上定义字体，默认颜色是黑色，和往常一样。下一步，我们必须改变你们的页面的外观和感觉，目前它的白色页脚，它可能是彩色页眉或差异背景，任何东西。多色网站使用相同任务的主题，改变外观和感觉，但最大限度地使用它。我在我的网站wjbarber.com上讨论了这一点。查看我的“代码”页面上的“smacss”部分。我发现这种结构是最好的方法。希望它能帮上忙如果我没弄错的话，相信你可以/应该把颜色移到不同的（scss）文件中

.l-footer {
  color: #FFFFFF;
}