SCSS - Obtener dimensiones de imagen

Question

Estoy usando la función inline-image para crear clases de iconos. Este es mi SCSS actual:

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

Busco a una función que puede determinar el ancho y la altura de la imagen de modo que pueda hacer algo como esto:

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

hace algo como esto existe?

Answer 1

Encontramos este http://compass-style.org/reference/compass/helpers/image-dimensions/

has adivinado los nombres de las funciones correctas.

Para utilizarlas necesitarás instalar la brújula.

será algo como esto:

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

Por cierto yo le recomendaría usar sprites para los iconos: http://compass-style.org/reference/compass/helpers/sprites/