sudo gem install atk_icons

# add atk_icons to your Gemfile
gem 'atk_icons'

# require atk_icons from your Compass configuration file (compass.rb)
require 'atk_icons'

# import the extension into your scss/sass file
@import atk_icons

# copy atk_icons.png to your public/images directory
cd public/images && curl http://bit.ly/iHd2XF

compass create <project_name> -r atk_icons --using atk_icons

#import the extension into your scss/sass file
@import "atk_icons"

# for a list of all the icons available, see http://www.agiletech.ie/blog/128x16x16

.button.delete
  /* this will add an :after pseudo-selector with the specified icon
  @include atk-icon-pseudo("basic-ex")

.button.add span.icon
  /* you can also set the icon to a sub-element
  @include atk-icon("basic-plus")

.button.delete {
  position: relative;
  padding-left: 15px;
}

.button.delete:before {
  background-image: url('/images/atk_icons.png');
  display: inline-block;
  height: 16px;
  width: 14px;
  background-position: -2px -64px;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
}

.button.add span.icon {
  background-image: url('/images/atk_icons.png');
  display: inline-block;
  height: 16px;
  width: 14px;
  background-position: -2px 0px;
}