Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.4)
// Compass (v1.0.0.alpha.18)
// ----

$color-apple         : #55ABC9;
$color-android       : #8EC241;
$color-apps          : #EC843F;
$color-blackberry    : #8543B0;
$color-book-club     : #214616;
$color-business      : #777777;
$color-ces           : #009CB4;
$color-culture       : #488DB3;
$color-design        : #a79159;
$color-events        : #44658F;
$color-entertainment : #c40027;
$color-gaming        : #E94580;
$color-google        : #9FBF4B;
$color-hacks         : #E57E00;
$color-hd            : #5C4D81;
$color-linux         : #16B151;
$color-meta          : #E14326;
$color-microsoft     : #5468FF;
$color-mobile        : #61D0CD;
$color-offtopic      : #A7A34B;
$color-pc            : #90A56B;
$color-photography   : #C99A23;
$color-policy        : #6C6C6C;
$color-tech          : #333366;
$color-us-world      : #118cf3;
$color-web           : #B25FA2;
$color-mwc           : #ec1b24;
$color-science       : #72c9d9;
$color-e3            : #ff1a4d;

$list-hub-colors:  'apple' $color-apple,
                   'android' $color-android,
                   'apps' $color-apps,
                   'blackberry' $color-blackberry,
                   'business' $color-business,
                   'ces' $color-ces,
                   'culture' $color-culture,
                   'design' $color-design,
                   'entertainment' $color-entertainment,
                   'gaming' $color-gaming,
                   'google' $color-google,
                   'hd' $color-hd,
                   'microsoft' $color-microsoft,
                   'mobile' $color-mobile,
                   'photography' $color-photography,
                   'policy' $color-policy,
                   'tech' $color-tech,
                   'us-world' $color-us-world,
                   'web' $color-web,
                   'mwc' $color-mwc,
                   'science' $color-science,
                   'e3' $color-e3;

$list-forum-colors: 'apple-core' $color-apple,
                    'apps-software' $color-apps,
                    'betamaxed' $color-hd,
                    'book-club' $color-book-club,
                    'events' $color-events,
                    'gaming' $color-gaming,
                    'googleplex' $color-google,
                    'hacks-diy' $color-hacks,
                    'linux-open-source' $color-linux,
                    'meta' $color-meta,
                    'microsoft-tribe' $color-microsoft,
                    'mobile' $color-mobile,
                    'off-topic' $color-offtopic,
                    'pc' $color-pc,
                    'science' $color-science,
                    'tablet-talk' $color-blackberry,
                    'the-firm' $color-policy,
                    'the-fringe' $color-culture,
                    'the-lens' $color-photography,
                    'web-and-social' $color-web;
                    
@mixin nav-hub-colors {
  $joint-list : join($list-hub-colors, $list-forum-colors, comma);

  @each $item in $joint-list {
    $class : nth($item, 1);
    $color : nth($item, 2);

    &.#{$class} {
      a:link, a:visited { background-color: $color; }
      a:hover, a:active { background-color: darken($color, 15%); }
    }
  }
}

li {
 @include nav-hub-colors 
}

SassMeister-output.css

li.apple a:link, li.apple a:visited {
  background-color: #55abc9;
}
li.apple a:hover, li.apple a:active {
  background-color: #33839f;
}
li.android a:link, li.android a:visited {
  background-color: #8ec241;
}
li.android a:hover, li.android a:active {
  background-color: #648a2c;
}
li.apps a:link, li.apps a:visited {
  background-color: #ec843f;
}
li.apps a:hover, li.apps a:active {
  background-color: #ca5d14;
}
li.blackberry a:link, li.blackberry a:visited {
  background-color: #8543b0;
}
li.blackberry a:hover, li.blackberry a:active {
  background-color: #5b2e79;
}
li.business a:link, li.business a:visited {
  background-color: #777777;
}
li.business a:hover, li.business a:active {
  background-color: #515151;
}
li.ces a:link, li.ces a:visited {
  background-color: #009cb4;
}
li.ces a:hover, li.ces a:active {
  background-color: #005a68;
}
li.culture a:link, li.culture a:visited {
  background-color: #488db3;
}
li.culture a:hover, li.culture a:active {
  background-color: #32627c;
}
li.design a:link, li.design a:visited {
  background-color: #a79159;
}
li.design a:hover, li.design a:active {
  background-color: #75663e;
}
li.entertainment a:link, li.entertainment a:visited {
  background-color: #c40027;
}
li.entertainment a:hover, li.entertainment a:active {
  background-color: #780018;
}
li.gaming a:link, li.gaming a:visited {
  background-color: #e94580;
}
li.gaming a:hover, li.gaming a:active {
  background-color: #ca1858;
}
li.google a:link, li.google a:visited {
  background-color: #9fbf4b;
}
li.google a:hover, li.google a:active {
  background-color: #738c32;
}
li.hd a:link, li.hd a:visited {
  background-color: #5c4d81;
}
li.hd a:hover, li.hd a:active {
  background-color: #3a3051;
}
li.microsoft a:link, li.microsoft a:visited {
  background-color: #5468ff;
}
li.microsoft a:hover, li.microsoft a:active {
  background-color: #0724ff;
}
li.mobile a:link, li.mobile a:visited {
  background-color: #61d0cd;
}
li.mobile a:hover, li.mobile a:active {
  background-color: #34b0ad;
}
li.photography a:link, li.photography a:visited {
  background-color: #c99a23;
}
li.photography a:hover, li.photography a:active {
  background-color: #886818;
}
li.policy a:link, li.policy a:visited {
  background-color: #6c6c6c;
}
li.policy a:hover, li.policy a:active {
  background-color: #464646;
}
li.tech a:link, li.tech a:visited {
  background-color: #333366;
}
li.tech a:hover, li.tech a:active {
  background-color: #1a1a33;
}
li.us-world a:link, li.us-world a:visited {
  background-color: #118cf3;
}
li.us-world a:hover, li.us-world a:active {
  background-color: #0963af;
}
li.web a:link, li.web a:visited {
  background-color: #b25fa2;
}
li.web a:hover, li.web a:active {
  background-color: #854077;
}
li.mwc a:link, li.mwc a:visited {
  background-color: #ec1b24;
}
li.mwc a:hover, li.mwc a:active {
  background-color: #ac0e15;
}
li.science a:link, li.science a:visited {
  background-color: #72c9d9;
}
li.science a:hover, li.science a:active {
  background-color: #36b2c8;
}
li.e3 a:link, li.e3 a:visited {
  background-color: #ff1a4d;
}
li.e3 a:hover, li.e3 a:active {
  background-color: #cd002e;
}
li.apple-core a:link, li.apple-core a:visited {
  background-color: #55abc9;
}
li.apple-core a:hover, li.apple-core a:active {
  background-color: #33839f;
}
li.apps-software a:link, li.apps-software a:visited {
  background-color: #ec843f;
}
li.apps-software a:hover, li.apps-software a:active {
  background-color: #ca5d14;
}
li.betamaxed a:link, li.betamaxed a:visited {
  background-color: #5c4d81;
}
li.betamaxed a:hover, li.betamaxed a:active {
  background-color: #3a3051;
}
li.book-club a:link, li.book-club a:visited {
  background-color: #214616;
}
li.book-club a:hover, li.book-club a:active {
  background-color: #060c04;
}
li.events a:link, li.events a:visited {
  background-color: #44658f;
}
li.events a:hover, li.events a:active {
  background-color: #2b405b;
}
li.gaming a:link, li.gaming a:visited {
  background-color: #e94580;
}
li.gaming a:hover, li.gaming a:active {
  background-color: #ca1858;
}
li.googleplex a:link, li.googleplex a:visited {
  background-color: #9fbf4b;
}
li.googleplex a:hover, li.googleplex a:active {
  background-color: #738c32;
}
li.hacks-diy a:link, li.hacks-diy a:visited {
  background-color: #e57e00;
}
li.hacks-diy a:hover, li.hacks-diy a:active {
  background-color: #995400;
}
li.linux-open-source a:link, li.linux-open-source a:visited {
  background-color: #16b151;
}
li.linux-open-source a:hover, li.linux-open-source a:active {
  background-color: #0e6d32;
}
li.meta a:link, li.meta a:visited {
  background-color: #e14326;
}
li.meta a:hover, li.meta a:active {
  background-color: #a42d17;
}
li.microsoft-tribe a:link, li.microsoft-tribe a:visited {
  background-color: #5468ff;
}
li.microsoft-tribe a:hover, li.microsoft-tribe a:active {
  background-color: #0724ff;
}
li.mobile a:link, li.mobile a:visited {
  background-color: #61d0cd;
}
li.mobile a:hover, li.mobile a:active {
  background-color: #34b0ad;
}
li.off-topic a:link, li.off-topic a:visited {
  background-color: #a7a34b;
}
li.off-topic a:hover, li.off-topic a:active {
  background-color: #726f33;
}
li.pc a:link, li.pc a:visited {
  background-color: #90a56b;
}
li.pc a:hover, li.pc a:active {
  background-color: #687a4a;
}
li.science a:link, li.science a:visited {
  background-color: #72c9d9;
}
li.science a:hover, li.science a:active {
  background-color: #36b2c8;
}
li.tablet-talk a:link, li.tablet-talk a:visited {
  background-color: #8543b0;
}
li.tablet-talk a:hover, li.tablet-talk a:active {
  background-color: #5b2e79;
}
li.the-firm a:link, li.the-firm a:visited {
  background-color: #6c6c6c;
}
li.the-firm a:hover, li.the-firm a:active {
  background-color: #464646;
}
li.the-fringe a:link, li.the-fringe a:visited {
  background-color: #488db3;
}
li.the-fringe a:hover, li.the-fringe a:active {
  background-color: #32627c;
}
li.the-lens a:link, li.the-lens a:visited {
  background-color: #c99a23;
}
li.the-lens a:hover, li.the-lens a:active {
  background-color: #886818;
}
li.web-and-social a:link, li.web-and-social a:visited {
  background-color: #b25fa2;
}
li.web-and-social a:hover, li.web-and-social a:active {
  background-color: #854077;
}