title: SCSS - Getting Image Dimensions
body: <p>I am using the <code>inline-image</code> function to create icon classes. This is my current SCSS:</p>
  
  <pre><code>.folder {
      background: inline-image("icons/home/folder.png", 'image/png') no-repeat center;
      height: 30px;
      width: 41px;
  }
  </code></pre>
  
  <p>I am looking for a function that can determine the width and height of the image so I can do something like this:</p>
  
  <pre><code>.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');
  }
  </code></pre>
  
  <p>Does anything like this exist?</p>