config.rb

css_dir = "/css"
images_dir = "/images"

sprite-configuration.sass

$mapped-images-sprite-dimensions: true
$mapped-images-spacing: 10px
@import "mapped-images/*.png"

style.css

.logo {
  text-indent:-119988px;
  overflow:hidden;
  text-align:left;
  display:block;
  margin:0 35px 0 2%;
  float:left;
  background-position:0 0;
  height:75px;
  width:172px;
}

.logo {
  background:url(../images/mapped-images-sb93e4f88e0.png) no-repeat;
}

style.sass

@import 'compass'
@import 'sprite-configuration'

.logo
  +hide-text
  display: block
  margin: 0px 35px 0px 2%
  float: left
  +mapped-images-sprite('logo')