mixin
@mixin gradient-text() {
background: linear-gradient(70deg, #ef0866, #ff1e0c, #ef0866); //use any color
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
usage in scss
.className {
@include gradient-text();
}
output in .css
.className {
background: linear-gradient(70deg, #ef0866, #ff1e0c, #ef0866); //use any color
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}