SCSS - 獲取圖像尺寸

我正在使用inline-image函數來創建圖標類。這是我目前SCSS：SCSS - 獲取圖像尺寸

.folder { 
    background: inline-image("icons/home/folder.png", 'image/png') no-repeat center; 
    height: 30px; 
    width: 41px; 
}

我要尋找的是能夠確定圖像的寬度和高度，所以我可以做這樣的事情的函數：

.folder { 
    background: inline-image("icons/home/folder.png", 'image/png') no-repeat center; 
    height: image-height("icons/home/folder.png", 'image/png'); 
    width: image-width("icons/home/folder.png", 'image/png'); 
}

是否像這樣的東西存在嗎？

來源

2012-03-16 sissonb

發現這個http://compass-style.org/reference/compass/helpers/image-dimensions/

你已經猜到正確的函數名。

要使用它們，您需要安裝指南針。

這將是這樣的：

@import "compass/helpers"; 

.folder { 
    background: inline-image("icons/home/folder.png", 'image/png') no-repeat center; 
    height: image-height("icons/home/folder.png"); 
    width: image-width("icons/home/folder.png"); 
}

順便說一句，我會建議你使用精靈的圖標： http://compass-style.org/reference/compass/helpers/sprites/

來源

2012-03-16 09:04:10 welldan97

只是不導入輔助功能。這真棒羅盤可以產生精靈。將轉而轉向精靈。謝謝您的幫助！ – sissonb 2012-03-16 19:36:43

我相信有一個失蹤; @import「compass/helpers」之後。沒有它就不會編譯。 – 2014-03-22 20:38:29

謝謝@ArthurAlvim – welldan97 2014-03-23 19:19:50

SCSS - 獲取圖像尺寸

回答

相關問題