css - 更改 Foundation 中的默认 H1 大小

Question

我试图通过使用设置文件并通过 SASS 编译来更改我的 h1、h2、h3 等的默认字体大小。

我已经更改了行:

 $h1-font-size: rem-calc(44);

收件人:

 $h1-font-size: rem-calc(70);

但字体大小保持不变。

我已经删除了任何其他 CSS 以避免冲突。我还检查了显示的检查器:

font-size: rem-calc(70);

但是它有一个删除线。

我哪里错了？

Answer 1

在 Foundation 中，rem-calc() 是一个将像素转换为 REM 的 SASS 函数。如果您在已处理的 CSS 中看到 rem-calc，则您的 SCSS 文件未得到正确处理。您应该在输出 CSS 文件中看到类似 1.5rem 的内容。

确保您的 SASS 文件正在处理中。如果您在输出的 CSS 文件中看到其他 SASS 函数，则表明它尚未被处理。无论您使用什么处理器，都应该给您错误以指示 SASS 文件的哪一部分有问题。