mirror of
https://github.com/andrewgioia/keyrune.git
synced 2024-11-05 08:34:45 +00:00
26 lines
1.2 KiB
SCSS
26 lines
1.2 KiB
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;
|
|
}
|
|
}
|
|
}
|