SASS sprite不能與@extend一起工作

嗨，我正在搞亂SASS和精靈，它工作的很好。它從我的圖像的文件名中生成很多分類，我可以在我的標記中使用這些分類。但我想在不改變標記的情況下使用精靈。SASS sprite不能與@extend一起工作

這是我

我的圖片都位於圖像/生圖像的一個在我的CSS被稱爲spr-links.png

我

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

我應該能夠喜歡這個，但沒有出現。 SASS甚至沒有失敗這個

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

來源

2012-09-25 Johansrk

好吧我發現的方式來寫它是這樣 @include原始精靈（SPR-鏈接）; 但是輸出是 background：url（'/ images/raw-s8e422df81e.png'）no-repeat; 我可以改變這個，所以它反對背景：url（'../ images/raw-s8e422df81e.png'）no-repeat; ?? – Johansrk

只是取消註釋"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

來源

2012-09-26 13:25:45 Johansrk

SASS sprite不能與@extend一起工作

回答

相關問題