指南针(Compass)Sass框架精灵图路径和布局设置(SASS/CSS)

3

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

  1. 我想将布局设置为水平或智能布局,而不是默认的垂直布局,但我无法实现。我检查了语法,我使用的是正确的语法,即文件夹名称加上布局,但无法使其正常工作。所有其他设置如间隙、间距都可以工作。

  2. 我目前没有运行服务器。我需要从我的CSS文件夹到图像文件夹的相对路径。类似于这样“../images/xxx.png”。Compass使用基于我的配置文件的绝对文件路径。有没有办法可以设置使用相对路径而不是绝对路径?我尝试过URL helper mixin,它也会生成绝对路径。

非常感谢您的帮助。谢谢。

1个回答

5
在配置文件中使用relative_assets = true以获得第二种用法。
如果尚未使用,建议您使用stylesheet-url和image-url Compass功能,这些功能会自动计算您配置的图像和css文件夹到它们被调用的位置的路径。如果在css文件夹中的.css文件中调用image-url(myfile.jpg),则会编译为url(../images/myfile.jpg)

我测试了第二个问题的答案,它有效。在其上方添加一些内容,背景:image-url("main/css.png") no-repeat,配置文件定义了图像路径到images文件夹,main文件夹是images文件夹内的文件夹,并且路径需要用引号括起来。 - MMA

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接