指南針精靈高級

Question

我有一個關於在「高級」精靈與羅盤模式下創建的小問題。當我說「高級模式」是將精靈存儲在一個變量中時，我更喜歡這種方法:)

無論如何，我的問題是我無法將圖像定製爲一半。讓我解釋一下：

託管空間，圖標和佈局的位置，沒問題。但是，它針對的是我有問題的單個圖標。在本文檔指南針，只要做到這一點：

$sprite: sprite-map("sprite/*.png", 
     $layout: vertical, 
     $spacing: 50px, 
     $position: 50%, 
     $facebook-position: 100%); // position icon facebook, don't work 

但它不工作，無論是與Facebook的$位或$ Facebook的間距，該圖標不動:(

是用戶指南針在這裏先進的阻力：？d

謝謝:)

Answer 1

在某些時候，我遇到了類似的問題，如果我記得沒錯它的工作對我來說，如果我使用的地圖（文件夾）名稱作爲前綴（在你的例子$sprite-facebook-position而不是僅僅$facebook-position）。

這顯然不是它應該如何根據當前Compass documentation的example（也here） - 但是也許是在一些老版本的羅盤，我不記得了 - 所以希望它解決您的問題。

另請注意，您的設置可能不會影響精靈地圖上的第一個（各自）精靈。所以如果你調整第一個精靈的spacing它只會改變所有後續精靈的位置。例如，在以百分比設置的垂直精靈佈局position中，如果所有精靈的寬度相同，則不會改變任何內容。這兩個例子中的設置可能正在工作，但你不會看到效果。