Question

I’m building a Sencha Touch mobile application and are using the functionality to create image-sprite-maps with Compass.

Is there any way to calculate the size of the image-map (width and height) and put it as a variable in your SCSS file?

Answer 1

In Compass, image-height and image-width are the functions to get image dimensions. Using them with your sprite map would look something like this (warning, untested):

// Assuming $my-sprites is your sprite map variable
$map-path: sprite-path($my-sprites);

$map-height: image-height($map-path);
$map-width: image-width($map-path);