// _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; } } }