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/reference/compass/helpers/image-dimensions/

を発見しました。

これらを使用するには、コンパスをインストールする必要があります。

それはこのようなものになります：私はアイコンのスプライトを使用することをお勧めいたしますでしょうちなみに

@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/reference/compass/helpers/sprites/