1

我对 Compass 还很陌生，但我一直在尝试在项目中使用 Compass 来生成我的图标精灵。请参阅本教程：

IMO，本教程并不完全清楚。首先，本教程从未告诉您创建包含“all-icon-sprites”mixin 的“_icons.scss”文件。

@import "icon/*.png";
@include all-icon-sprites;

结果是一个错误：

  • “语法错误：未定义的 mixin 'all-icon-sprites'。”

所以我将“_icons.scss”文件添加到我的项目中，并将代码更改为：

@import "icon/*.png";
@import "_icons";
@include all-icon-sprites;

现在，我收到此错误：

  • 语法错误：“$delete-position”之后的 CSS 无效：预期的“)”是“:$icon-delete-...”
    • 在 /path/to/_icons.scss 的第 28 行

谁能向我解释我做错了什么？或者实际上是“_icons.scss”文件的问题？

4

1 回答 1

3

本教程没有告诉您导入 _icons.scss，因为它不是必需的。您要么导入 png 文件，要么导入生成的文件——不能同时导入两者。它们是相同的，除非您导入 png 文件，您最终会导入生成的样式表，该样式表会随着 png 文件的更改（重命名、添加、删除等）自动保持最新。

<images>/icon 目录中是否有任何 png 文件？

老实说，这个错误是我希望看到的处理样式表的指南针版本是否不是您在命令行上使用的那个错误。你是用 rails 还是 CLI 编译？

于 2011-01-11T17:36:27.137 回答