CSS generated from single function task using spritesmith

sprite.css

/*
Icon classes can be used entirely standalone. They are named after their original file names.

```html
<!-- `display: block` sprite -->
<div class="icon-home"></div>

<!-- `display: inline-block` sprite -->
<img class="icon-home" />
```
*/
.icon-DFLogo {
  background-image: url(sprite.png);
  background-position: -3250px -1978px;
  width: 80px;
  height: 80px;
}
.icon-blue-fnml-details {
  background-image: url(sprite.png);
  background-position: -2082px -744px;
  width: 1040px;
  height: 744px;
}
.icon-blue-fnml {
  background-image: url(sprite.png);
  background-position: 0px -3032px;
  width: 255px;
  height: 450px;
}
.icon-blue-gnotes-details {
  background-image: url(sprite.png);
  background-position: 0px -1488px;
  width: 1040px;
  height: 744px;
}
.icon-blue-gnotes {
  background-image: url(sprite.png);
  background-position: -255px -3032px;
  width: 255px;
  height: 450px;
}
.icon-blue-mcw-details {
  background-image: url(sprite.png);
  background-position: 0px -744px;
  width: 1040px;
  height: 744px;
}
.icon-blue-mcw {
  background-image: url(sprite.png);
  background-position: -3372px -1800px;
  width: 255px;
  height: 450px;
}
.icon-blue-mvi-details {
  background-image: url(sprite.png);
  background-position: -1040px -744px;
  width: 1040px;
  height: 744px;
}
.icon-blue-mvi {
  background-image: url(sprite.png);
  background-position: -3372px -450px;
  width: 255px;
  height: 450px;
}
.icon-blue-vi-bpr-details {
  background-image: url(sprite.png);
  background-position: 0px 0px;
  width: 1042px;
  height: 744px;
}
.icon-blue-vi-bpr {
  background-image: url(sprite.png);
  background-position: -3372px -1350px;
  width: 255px;
  height: 450px;
}
.icon-blue-vi-submit-details {
  background-image: url(sprite.png);
  background-position: -2082px 0px;
  width: 1040px;
  height: 744px;
}
.icon-blue-vi-submit {
  background-image: url(sprite.png);
  background-position: -3372px -2250px;
  width: 255px;
  height: 450px;
}
.icon-blue-wip-details {
  background-image: url(sprite.png);
  background-position: -1040px -1488px;
  width: 1039px;
  height: 743px;
}
.icon-blue-wip {
  background-image: url(sprite.png);
  background-position: -3372px -900px;
  width: 255px;
  height: 450px;
}
.icon-blue-wip2 {
  background-image: url(sprite.png);
  background-position: -3372px 0px;
  width: 255px;
  height: 450px;
}
.icon-blue-wipold-details {
  background-image: url(sprite.png);
  background-position: -1042px 0px;
  width: 1040px;
  height: 744px;
}
.icon-blue-decisionMatrix {
  background-image: url(sprite.png);
  background-position: -2079px -1488px;
  width: 654px;
  height: 400px;
}
.icon-blue-iPhoneDemo-wipSecure {
  background-image: url(sprite.png);
  background-position: -3122px 0px;
  width: 250px;
  height: 516px;
}
.icon-blue-sRoller {
  background-image: url(sprite.png);
  background-position: -3122px -1548px;
  width: 240px;
  height: 430px;
}
.icon-overview_center_1 {
  background-image: url(sprite.png);
  background-position: -3122px -516px;
  width: 250px;
  height: 516px;
}
.icon-overview_center_2 {
  background-image: url(sprite.png);
  background-position: -3122px -1032px;
  width: 250px;
  height: 516px;
}
.icon-overview_left_1 {
  background-image: url(sprite.png);
  background-position: -800px -2232px;
  width: 400px;
  height: 400px;
}
.icon-overview_left_1@2x {
  background-image: url(sprite.png);
  background-position: 0px -2232px;
  width: 800px;
  height: 800px;
}
.icon-badge_popular_peter_river {
  background-image: url(sprite.png);
  background-position: -3250px -2058px;
  width: 64px;
  height: 64px;
}
.icon-badge_popular_peter_river@2x {
  background-image: url(sprite.png);
  background-position: -3122px -2124px;
  width: 128px;
  height: 128px;
}
.icon-Hatter {
  background-image: url(sprite.png);
  background-position: -3122px -1978px;
  width: 128px;
  height: 146px;
}
.icon-caterpillar {
  background-image: url(sprite.png);
  background-position: -3372px -2700px;
  width: 220px;
  height: 294px;
}