Generated by SassMeister.com.

SassMeister-input-HTML.html

<ol>
    <li><a href="#" class="profile-link--bandcamp profile-link">Bandcamp</a></li>
    <li><a href="#" class="profile-link--delicious profile-link">Delicious</a></li>
    <li><a href="#" class="profile-link--facebook profile-link">Facebook</a></li>
    <li><a href="#" class="profile-link--ficly profile-link">Ficly</a></li>
    <li><a href="#" class="profile-link--flickr profile-link">Flickr</a></li>
    <li><a href="#" class="profile-link--github profile-link">GitHub</a></li>
    <li><a href="#" class="profile-link--googleplus profile-link">Google+</a></li>
    <li><a href="#" class="profile-link--instagram profile-link">Instagram</a></li>
    <li><a href="#" class="profile-link--kickstarter profile-link">Kickstarter</a></li>
    <li><a href="#" class="profile-link--lanyrd profile-link">Lanyrd</a></li>
    <li><a href="#" class="profile-link--lastfm profile-link">Last.fm</a></li>
    <li><a href="#" class="profile-link--linkedin profile-link">LinkedIn</a></li>
    <li><a href="#" class="profile-link--photodrop profile-link">PhotoDrop</a></li>
    <li><a href="#" class="profile-link--pinterest profile-link">Pinterest</a></li>
    <li><a href="#" class="profile-link--rdio profile-link">Rdio</a></li>
    <li><a href="#" class="profile-link--soundcloud profile-link">SoundCloud</a></li>
    <li><a href="#" class="profile-link--twitter profile-link">Twitter</a></li>
    <li><a href="#" class="profile-link--vimeo profile-link">Vimeo</a></li>
    <li><a href="#" class="profile-link--youtube profile-link">YouTube</a></li>
</ol>

SassMeister-input.scss

// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----

  ol {
  font-family: Helvetica, sans-serif;
    list-style: none;
    margin: 0 auto;
    padding: 0;
  width: 20em;
}
li {
    margin-bottom: 0.5em;
}
.profile-link {
    background: #f2f2f2;
    border-radius: 3px;
    color: #4778b8;
  display: block;
    padding: 0.75em 1em;
    text-decoration: none;
    &:focus,
    &:hover {
        color: #fff;
    }
}
  
  $profiles: (
    bandcamp: #4e9bac,
    delicious: #248cff,
    facebook: #3b5998,
    ficly: #b51c2c,
    flickr: #0063db,
    github: #4183c4,
    googleplus: #dd4b39,
    instagram: #517fa4,
    kickstarter: #76cc1e,
    lanyrd: #152e51,
    lastfm: #d51007,
    linkedin: #007bb6,
    photodrop: #cdb6e3,
    pinterest: #cb2027,
    rdio: #0088da,
    soundcloud: #f60,
    twitter: #00aced,
    vimeo: #aad450,
    youtube: #b00
);

@each $profile, $bgcolor in $profiles {
    .profile-link--#{$profile}:focus,
    .profile-link--#{$profile}:hover {
        background: $bgcolor;
    }
}

SassMeister-output.css

ol {
  font-family: Helvetica, sans-serif;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 20em;
}

li {
  margin-bottom: 0.5em;
}

.profile-link {
  background: #f2f2f2;
  border-radius: 3px;
  color: #4778b8;
  display: block;
  padding: 0.75em 1em;
  text-decoration: none;
}
.profile-link:focus, .profile-link:hover {
  color: #fff;
}

.profile-link--bandcamp:focus,
.profile-link--bandcamp:hover {
  background: #4e9bac;
}

.profile-link--delicious:focus,
.profile-link--delicious:hover {
  background: #248cff;
}

.profile-link--facebook:focus,
.profile-link--facebook:hover {
  background: #3b5998;
}

.profile-link--ficly:focus,
.profile-link--ficly:hover {
  background: #b51c2c;
}

.profile-link--flickr:focus,
.profile-link--flickr:hover {
  background: #0063db;
}

.profile-link--github:focus,
.profile-link--github:hover {
  background: #4183c4;
}

.profile-link--googleplus:focus,
.profile-link--googleplus:hover {
  background: #dd4b39;
}

.profile-link--instagram:focus,
.profile-link--instagram:hover {
  background: #517fa4;
}

.profile-link--kickstarter:focus,
.profile-link--kickstarter:hover {
  background: #76cc1e;
}

.profile-link--lanyrd:focus,
.profile-link--lanyrd:hover {
  background: #152e51;
}

.profile-link--lastfm:focus,
.profile-link--lastfm:hover {
  background: #d51007;
}

.profile-link--linkedin:focus,
.profile-link--linkedin:hover {
  background: #007bb6;
}

.profile-link--photodrop:focus,
.profile-link--photodrop:hover {
  background: #cdb6e3;
}

.profile-link--pinterest:focus,
.profile-link--pinterest:hover {
  background: #cb2027;
}

.profile-link--rdio:focus,
.profile-link--rdio:hover {
  background: #0088da;
}

.profile-link--soundcloud:focus,
.profile-link--soundcloud:hover {
  background: #f60;
}

.profile-link--twitter:focus,
.profile-link--twitter:hover {
  background: #00aced;
}

.profile-link--vimeo:focus,
.profile-link--vimeo:hover {
  background: #aad450;
}

.profile-link--youtube:focus,
.profile-link--youtube:hover {
  background: #b00;
}

SassMeister-rendered.html

<ol>
    <li><a href="#" class="profile-link--bandcamp profile-link">Bandcamp</a></li>
    <li><a href="#" class="profile-link--delicious profile-link">Delicious</a></li>
    <li><a href="#" class="profile-link--facebook profile-link">Facebook</a></li>
    <li><a href="#" class="profile-link--ficly profile-link">Ficly</a></li>
    <li><a href="#" class="profile-link--flickr profile-link">Flickr</a></li>
    <li><a href="#" class="profile-link--github profile-link">GitHub</a></li>
    <li><a href="#" class="profile-link--googleplus profile-link">Google+</a></li>
    <li><a href="#" class="profile-link--instagram profile-link">Instagram</a></li>
    <li><a href="#" class="profile-link--kickstarter profile-link">Kickstarter</a></li>
    <li><a href="#" class="profile-link--lanyrd profile-link">Lanyrd</a></li>
    <li><a href="#" class="profile-link--lastfm profile-link">Last.fm</a></li>
    <li><a href="#" class="profile-link--linkedin profile-link">LinkedIn</a></li>
    <li><a href="#" class="profile-link--photodrop profile-link">PhotoDrop</a></li>
    <li><a href="#" class="profile-link--pinterest profile-link">Pinterest</a></li>
    <li><a href="#" class="profile-link--rdio profile-link">Rdio</a></li>
    <li><a href="#" class="profile-link--soundcloud profile-link">SoundCloud</a></li>
    <li><a href="#" class="profile-link--twitter profile-link">Twitter</a></li>
    <li><a href="#" class="profile-link--vimeo profile-link">Vimeo</a></li>
    <li><a href="#" class="profile-link--youtube profile-link">YouTube</a></li>
</ol>