SASS精灵不能与@extend一起使用

时间:2012-09-25 19:47:29

标签: sass sprite

嗨,我正在搞乱SASS和sprites,它工作正常。它从我的图像的文件名中生成了很多内容,我可以在我的标记中使用它们。 但是我想在不改变标记的情况下使用精灵。

这就是我所拥有的

我的图片位于images / raw下 其中一个图像称为spr-links.png

在我的CSS中我有

@import "raw/*.png"; //Sprite

我应该能够这样,但没有任何结果。 SASS甚至没有失败

.footer{
    @extend .raw-spr-link;
}

1 个答案:

答案 0 :(得分:1)

取消注释"relative_assets = true"

# Require any additional compass plugins here.

    # Set this to the root of your project when deployed:
    http_path = "/"
    css_dir = "css"
    sass_dir = "sass"
    images_dir = "images"
    javascripts_dir = "js"

    relative_assets = true

    output_style = :expanded # by Compass.app 
    sass_options = {:debug_info=>false} # by Compass.app 

    line_comments = true # by Compass.app