keyrune/sass/_rarities.scss

// _rarities.scs

/** Setsymbol Rarities ==========================
 * | Strangely enough, autoprefixer doesn't wanna prefix
 * | some of the things in here properly. Either way, I kept those
 * | hard-coded prefxed to ensure it to work!
 */
@each $scheme in $rarity_palette {
  /* #{nth($scheme, 1)} */
  .#{$keyrune_prefix}.#{$keyrune_prefix}-#{nth($scheme, 1)} {
    color: #{nth($scheme, 2)};

    &.#{$keyrune_prefix}-grad {
      // webkit outline/gradient
      /* Chrome, Safari4+ */
      background: -webkit-gradient(linear, left top, right top, color-stop( $setsymbol_color_stop1, #{nth($scheme, 3)} ), color-stop( $setsymbol_color_stop2, #{nth($scheme, 4)} ), color-stop( $setsymbol_color_stop3, #{nth($scheme, 3)} ));
      /* Chrome10+, Safari5.1+ */
      background: -webkit-linear-gradient(left, #{nth($scheme, 3)} $setsymbol_color_stop1, #{nth($scheme, 4)} $setsymbol_color_stop2, #{nth($scheme, 3)} $setsymbol_color_stop3);
      -webkit-text-stroke: $setsymbol_text_stroke #{nth($scheme, 5)};
      -webkit-text-fill-color: $setsymbol_text_fill_color;
      -webkit-background-clip: $setsymbol_background_clip;
      background-clip: $setsymbol_background_clip;
    }
  }
}