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 / ссылка / компас / помощники / размер изображения /

Вы угадали правильные названия функций.

Чтобы использовать их, вам нужно установить компас.

Это будет примерно так:

@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 / ссылка / компас / хелперы / спрайты /