SCSS - Получение изображений Размеры

Question

Я использую функцию inline-image для создания классов значков. Это мой текущий 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'); 
} 

Существует ли что-нибудь подобное?

Answer 1

Нашел 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/