SCSS - Obtenir les Dimensions de l'Image

Je suis en utilisant le inline-image fonction pour créer une icône de classes. C'est mon SCSS:

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

Je suis à la recherche d'une fonction qui permet de déterminer la largeur et la hauteur de l'image afin que je puisse faire quelque chose comme ceci:

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

N'est rien de tout cela existe?

OriginalL'auteur sissonb | 2012-03-16

  1. 9

    Trouvé ce http://compass-style.org/reference/compass/helpers/image-dimensions/

    Vous l'avez deviné le droit des noms de fonction.

    Pour les utiliser, vous devez installer le compas.

    Il sera quelque chose comme ceci:

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

    Par la façon dont je vous recommande d'utiliser des sprites pour les icônes:
    http://compass-style.org/reference/compass/helpers/sprites/

    N'était tout simplement pas importer les fonctions d'assistance. C'est génial de la boussole peut générer des sprites trop. Très envie de changement sur les sprites. Merci pour l'aide!
    Je crois qu'il y a un manque ; après le @import "boussole/helpers". Il ne compile pas sans elle.
    merci @ArthurAlvim

    OriginalL'auteur welldan97