SASS精灵无法与@extend一起使用
嗨,我在胡闹,这很好用。它从我的图像的文件名生成许多类别,我可以在标记中使用这些类别。 但是我想在不改变标记的情况下使用sprite 这就是我所拥有的 “我的图像”位于“图像/原始”下 其中一个图像称为SASS精灵无法与@extend一起使用,sass,sprite,Sass,Sprite,嗨,我在胡闹,这很好用。它从我的图像的文件名生成许多类别,我可以在标记中使用这些类别。 但是我想在不改变标记的情况下使用sprite 这就是我所拥有的 “我的图像”位于“图像/原始”下 其中一个图像称为spr links.png 在我的css中,我有 @import "raw/*.png"; //Sprite 我应该能喜欢这个,但什么都没有出来。SASS在这方面甚至没有失败 .footer{ @extend .raw-spr-link; } 只需取消注释“relative_asset
spr links.png
在我的css中,我有
@import "raw/*.png"; //Sprite
我应该能喜欢这个,但什么都没有出来。SASS在这方面甚至没有失败
.footer{
@extend .raw-spr-link;
}
只需取消注释“relative_assets=true”
好吧,我发现写它的方法是这样的@include raw sprite(spr链接);但是输出是背景:url('/images/raw-s8e42df81e.png')不重复;我可以更改它以使其引用背景:url('../images/raw-s8e42df81e.png')不重复??
# 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