如何在我自己的scss文件中使用sass变量

时间:2015-08-12 19:05:44

标签: sass materialize

我刚刚开始实现,但现在我遇到了一个问题。

当我想在我自己的scss文件中使用:@media #{$small-and-up} {媒体查询时,我收到以下错误:Error: Undefined variable: "$medium-and-up".当我导入materialize.css文件时,该文件是从{{{ 1}}。

所以我的问题是如何在我自己的scss文件中使用变量/媒体查询? 我通过PHPStorm中的文件观察器插件或安装在命令提示符窗口中的sass编译器编译scss。

我希望有人可以帮助我。

1 个答案:

答案 0 :(得分:3)

SASS变量不存在于已编译的CSS文件中。如果要在自己的SCSS样式表中使用materialized.scss中定义的变量,则需要在样式表中插入@import "sass/materialized.scss"

顺便说一句,如果你这样做,你可能不再需要编译materialized.scss。只需编译您的SCSS样式表,由于@import语句,它将引入materialized.scss

<强>更新

在审核https://github.com/SuperDJ/dsuper/blob/master/private/admin/css/sass/opening.scss处的代码后,似乎问题在于这一行:

@import url(/private/admin/css/material/sass/materialize.scss); 

这在SCSS中不是有效的语法。它应该是:

@import "../material/sass/materialize";