17 lines
559 B
SCSS
17 lines
559 B
SCSS
|
@use 'colors'as c;
|
||
|
|
|
||
|
|
@mixin text-shadow($offset: 3px, $outline: 1.5px) {
|
||
|
|
/* eventually, when chrome supports paint-order for html elements */
|
||
|
|
/* -webkit-text-stroke: 2px black; */
|
||
|
|
/* paint-order: stroke fill; */
|
||
|
|
text-shadow:
|
||
|
|
$offset $offset 0 c.$text-shadow,
|
||
|
|
(-$outline) (-$outline) 0 c.$text-shadow,
|
||
|
|
0 (-$outline) 0 c.$text-shadow,
|
||
|
|
$outline (-$outline) 0 c.$text-shadow,
|
||
|
|
$outline 0 0 c.$text-shadow,
|
||
|
|
$outline $outline 0 c.$text-shadow,
|
||
|
|
0 $outline 0 c.$text-shadow,
|
||
|
|
(-$outline) $outline 0 c.$text-shadow,
|
||
|
|
(-$outline) 0 0 c.$text-shadow;
|
||
|
|
}
|