SCSS - Uzyskiwanie wymiarów obrazu

Question

Używam funkcji inline-image do tworzenia klas ikon. To jest mój obecny SCSS:

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

szukam funkcji, które można określić szerokość i wysokość obrazu, więc mogę zrobić coś takiego:

.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'); 
} 

Czy coś takiego istnieje?

Answer 1

Znaleziony to http://compass-style.org/reference/compass/helpers/image-dimensions/

zgadłeś odpowiednie nazwy funkcji.

Aby z nich skorzystać, musisz zainstalować kompas.

To będzie coś takiego:

@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"); 
} 

Przy okazji polecam Ci użyć ikonek dla ikon: http://compass-style.org/reference/compass/helpers/sprites/