A snippet of sprites on my latest feature at work.

1_sprite_input.css

@import "local/provider/databar-icon/*.png";

#databar {
  .data-field {
    .icon {
      @include databar-icon-sprite(default);
      @include databar-icon-sprite-dimensions(default);
      float: left;
      margin: 9px 3px 0 0;
    }
  }
  .accepting-new-clients,
  .availability            { .icon { @include databar-icon-sprite(availability); } }
  .daily-costs,
  .hourly-rate,
  .starting-cost           { .icon { @include databar-icon-sprite(basecost);     } }
  .reimbursement-methods   { .icon { @include databar-icon-sprite(payment);      } }
  .hours                   { .icon { @include databar-icon-sprite(hours);        } }
  .transportation-provided { .icon { @include databar-icon-sprite(transport);    } }
}

2_sprite_output.css

.databar-icon-sprite,
#databar .data-field .icon,
#databar .accepting-new-clients .icon,
#databar .availability .icon,
#databar .daily-costs .icon,
#databar .hourly-rate .icon,
#databar .starting-cost .icon,
#databar .reimbursement-methods .icon,
#databar .hours .icon,
#databar .transportation-provided .icon {
  background: url('/images/local/provider/databar-icon-f600a98819.png') no-repeat;
}

#databar .data-field .icon {
  background-position: 0 -70px;
  height: 35px;
  width: 35px;
  float: left;
  margin: 9px 3px 0 0;
}
#databar .accepting-new-clients .icon,
#databar .availability .icon {
  background-position: 0 0;
}
#databar .daily-costs .icon,
#databar .hourly-rate .icon,
#databar .starting-cost .icon {
  background-position: 0 -35px;
}
#databar .reimbursement-methods .icon {
  background-position: 0 -140px;
}
#databar .hours .icon {
  background-position: 0 -105px;
}
#databar .transportation-provided .icon {
  background-position: 0 -175px;
}