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

Question

我刚开始使用实体化，但现在遇到了问题。

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

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

中的 sass 编译器编译 scss

我希望有人能帮助我。

Answer 1

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";

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

How to use sass variables in my own scss files

sass

materialize