2012-08-15 105 views
0

我試圖轉換正在我的導航中使用的精靈,以節省HTTP請求的背景圖像,但即時得到以下錯誤羅盤產生的精靈

content: "\000a Sass::SyntaxError: Undefined mixin 'navigation-sprite'.\000a (in \002f home\002f html\002f teammngt\002f app\002f assets\002f stylesheets\002f navigation.css.scss)"; 

SCSS文件

@import "compass"; 

@import "navigation/main/*.png";

a { 
    display: table-cell; 
    /* #header_main height + 1, to move it 1px into the header_main strip */ 
    height: 61px; 
    width: 120px; 
    @include navigation-sprite(bg-normal); 
    //background: url('navigation/main/bg-normal.png') no-repeat; 
    /* Concerning fonts/text */ 
    line-height: 26px; 
    /* Concerning text align */ 
    text-align: center; 
    vertical-align: bottom; 

肯定即時通訊做什麼wron摹這裏,但我不是運氣不好的工作出來

回答

0
@import "compass"; 
@import "navigation/main/*.png"; 
@include all-main-sprites; 

使用這樣的:

@include main-sprite(bg-normal); 
+0

加入這一行我現在得到'內容:「\ 000A薩斯::語法錯誤:未定義的混入「的所有(\ 002f home \ 002f html \ 002f teammngt \ 002f app \ 002f assets \ 002f stylesheets \ 002f navigation.css.scss)「;' – 2012-08-15 14:26:19

+0

已更新答案 – emrahbasman 2012-08-15 14:41:43

+0

該代碼在dev中工作,但是當我加載到生產中時,出現以下錯誤'content:「\ 000a Sass :: SyntaxError:要導入的文件未找到或不可讀:指南針\ 000a加載路徑:\ 002f home \ 002f html \ 002f teammngt \ 000a(in \ 002f home \ 002f html \ 00 2f teammngt \ 002f app \ 002f assets \ 002f stylesheets \ 002f navigation.css.scss)「;' – 2012-08-15 15:13:47