Compass Sass 框架 Sprite 路径和布局设置 (SASS/CSS)

Question

我正在使用 Sass 和 Compass 框架来编译我的 CSS。我在本地环境中工作。当我处理 Compass Sprite 图像生成时，我遇到了两个不同的问题。

1. 我想将布局设置为水平或智能或默认垂直以外的任何内容，但我不能。我检查了语法，我使用的是正确的，文件夹名称加上布局，但无法让它工作。所有其他设置，如间隙、间距，都可以使用。

2. 我目前没有运行服务器。我需要从我的 css 文件夹到图像文件夹的相对路径。像这样的“../images/xxx.png”。 Compass 全部使用基于我的配置文件的绝对文件路径。无论如何我可以将设置设置为使用相对路径而不是绝对路径？我尝试了 URL helper mixin，它也生成了绝对路径。

非常感谢您提供的所有帮助。谢谢。

Answer 1

对于#2，在您的配置文件中使用relative_assets = true。

如果您还没有，我还建议您使用 stylesheet-url and image-url Compass 函数，该函数会自动计算您配置的图像和 css 文件夹的路径，从那里调用它们。 如果您从 css 文件夹中的 .css 文件调用 image-url(myfile.jpg)，它将编译为 url(../images/myfile.jpg)。