SCSS - Ottenere le dimensioni dell'immagine

Question

Sto usando la funzione inline-image per creare classi di icone. Questo è il mio SCSS corrente:

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

Sto cercando una funzione che può determinare la larghezza e l'altezza dell'immagine in modo che io possa fare qualcosa di simile:

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

fa qualcosa di simile esiste?

Answer 1

Abbiamo trovato questo http://compass-style.org/reference/compass/helpers/image-dimensions/

avete indovinato i nomi delle funzioni giuste.

Per utilizzarli è necessario installare la bussola.

Sarà qualcosa di simile:

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

Tra l'altro ti consiglierei di utilizzare gli sprite per le icone: http://compass-style.org/reference/compass/helpers/sprites/