从外部站点导入 SASS 文件时出现变量问题

Question

我有一个 scss 文件，开头为：

@import "styles";
@import url("http://lctools.lundbeckconsulting.no/SASS/STATIC/lct.public.scss");

包含媒体规则：

@media (max-width: $media-small-width) { //code }

但是在 Visual Studio 中编译文件时，我收到一条错误消息，指出 $media-small-width 是 未声明的变量，即使它存在于 中从外部站点导入的 lct.public.scss。

使用 styles.scss（本地文件）中的变量按预期工作

Answer 1

发生这种情况是因为导入函数只会将外部文件作为 CSS 导入规则导入 - 它实际上不会将该外部文件中的 SCSS 导入到您的其余代码中。

您需要在本地文件中声明变量。 （这可能不是您希望的答案。对不起！）

从 SASS 导入的文档：http://sass-lang.com/documentation/file.SASS_REFERENCE.html#_import__import