0

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

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

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

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

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

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

非常感谢。

4

2 回答 2

0

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

.l-footer {
  color: #FFFFFF;
}

有关主题规则类型的更多信息

于 2015-07-22T07:12:43.370 回答
0

主题规则——比如你的页面背景、排版、颜色等。这是我经常传递的另一个领域，除了当我需要为不同页面覆盖主题元素时。这方面的一个示例可能是具有不同样式的内容类型，以便将其与站点的其余部分区分开来。因此，如果您的页面有白色背景 -body {background: #fff;}但在博客页面上它应该是灰色的，我会使用主题规则来覆盖我的基本规则 -.node-type-blog {background: #ccc;}

查看更多信息：https ://dev.acquia.com/blog/organize-your -styles-introduction-smacss

于 2016-03-21T15:12:53.447 回答