31 lines
1.0 KiB
SCSS
31 lines
1.0 KiB
SCSS
@mixin pixel-text($pixelOffset: 1) {
|
|
text-align: center;
|
|
text-shadow:
|
|
#{$pixelOffset}px 0 0 #fff,
|
|
#{$pixelOffset}px 2px 0 #444,
|
|
0 #{$pixelOffset}px 0 $limeGreen,
|
|
-#{$pixelOffset}px 0 0 $seaBlue,
|
|
0 -#{$pixelOffset}px 0 $pinkyRed;
|
|
text-decoration: none;
|
|
background: linear-gradient(90deg, #a0a0a0 0, #bebebe 46%, #dcdcdc 100%);
|
|
-webkit-background-clip: text;
|
|
color: transparent;
|
|
}
|
|
|
|
@mixin pixel-text-to-right($pixelOffset: 1) {
|
|
text-align: center;
|
|
text-shadow:
|
|
-#{$pixelOffset}px 0 0 #fff,
|
|
-#{$pixelOffset}px #{$pixelOffset*0.5}px 0 black,
|
|
#{$pixelOffset*2}px #{$pixelOffset}px 0 $limeGreen,
|
|
#{$pixelOffset*2}px 0 0 $seaBlue,
|
|
#{$pixelOffset*2}px -#{$pixelOffset}px 0 $pinkyRed;
|
|
text-decoration: none;
|
|
background: linear-gradient(90deg, #a0a0a0 0, #bebebe 46%, #dcdcdc 100%);
|
|
-webkit-background-clip: text;
|
|
color: transparent;
|
|
}
|
|
|
|
@mixin pixel-box($pixelOffset: 1) {
|
|
box-shadow: #{$pixelOffset}px 0 0 #fff, 0 #{$pixelOffset}px 0 $limeGreen, -#{$pixelOffset}px 0 0 $seaBlue, 0 -#{$pixelOffset}px 0 $pinkyRed;
|
|
} |