如何在 Foundation+SASS 中减小标题的字体大小？

Question

我一直在使用 Foundation SASS，但我在掌握如何正确使用时遇到了一些困难。我有一个 <h1>，它通过 Foundation 的默认样式变得相对较大。不过，我希望这个特定的标题小很多。

当然，我可以编写更具体的 CSS 应用不同的字体大小并覆盖 Foundation 的选择器，但是我必须手动考虑调整以适应不同的屏幕大小以及 Foundation 的其他任何默认设置风格适合你。所以我想知道是否有 mixin 或可以应用的东西，例如h4 指向某个元素的标题样式？

Answer 1

只需阅读有关 排版 的基础文档并调整 Header 样式 _setting.scss 文件.

Here is the relevant page that answers your question >>

Answer 2

事后看来，我刚刚想出了一个相当简单的方法来实现这一目标。假设一个元素<h1 class="headingToMakeSmaller">，我简单地添加：

.headingToMakeSmaller {
      @extend h4;
}