Text stroke helpers for SCSS

Developer
Gregor Adams
Size
5,647 Kb
Views
30,360
  1. Text stroke helpers for SCSS Previews
  2. Text stroke helpers for SCSS HTML Codes
  3. Text stroke helpers for SCSS CSS Codes

How do I make an text stroke helpers for scss?

What is a text stroke helpers for scss? How do you make a text stroke helpers for scss? This script and codes were developed by Gregor Adams on 24 July 2022, Sunday.

Text stroke helpers for SCSS Previews
IQ Test

Text stroke helpers for SCSS - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>text stroke helpers for SCSS</title> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<h1>Text stroke helpers for SCSS</h1>
<h2 class="function">stroke SCSS Function</h2>
<h2 class="mixin">stroke SCSS Mixin</h2>
<hr/>
<div class="large"> <div class="Atomic-Age">Atomic Age</div> <div class="Medula-One">Medula One</div> <div class="Sigmar-One">Sigmar One</div> <div class="Fontdiner-Swanky">Fontdiner Swanky</div> <div class="Graduate">Graduate</div> <div class="Luckiest-Guy">Luckiest Guy</div> <div class="Freckle-Face">Freckle Face</div> <div class="Iceland">Iceland</div> <div class="UnifrakturMaguntia">UnifrakturMaguntia</div> <div class="Titan-One">Titan One</div> <div class="Oregano">Oregano</div> <div class="Miltonian-Tattoo">Miltonian Tattoo</div> <div class="Raleway-Dots">Raleway Dots</div> <div class="Milonga">Milonga</div> <div class="Pirata-One">Pirata One</div> <div class="Wellfleet">Wellfleet</div>
</div>
</body>
</html>

Text stroke helpers for SCSS - Script Codes CSS Codes

@import url(http://fonts.googleapis.com/css?family=Armata);
@import url(http://fonts.googleapis.com/css?family=Atomic+Age|Sigmar+One|Fontdiner+Swanky|Graduate|Luckiest+Guy|Freckle+Face|Iceland|UnifrakturMaguntia|Titan+One|Oregano|Miltonian+Tattoo|Raleway+Dots|Milonga|Pirata+One|Wellfleet|Medula+One);
html { font-family: "Armata", sans-serif; fot-weight: 900; background: #F5F5F5; font-size: 87.5%;
}
h1 { font-size: 3em; text-shadow: -2px -2px 0 #26A69A, -2px -1px 0 #26A69A, -2px 0px 0 #26A69A, -2px 1px 0 #26A69A, -2px 2px 0 #26A69A, -1px -2px 0 #26A69A, -1px -1px 0 #26A69A, -1px 0px 0 #26A69A, -1px 1px 0 #26A69A, -1px 2px 0 #26A69A, 0px -2px 0 #26A69A, 0px -1px 0 #26A69A, 0px 0px 0 #26A69A, 0px 1px 0 #26A69A, 0px 2px 0 #26A69A, 1px -2px 0 #26A69A, 1px -1px 0 #26A69A, 1px 0px 0 #26A69A, 1px 1px 0 #26A69A, 1px 2px 0 #26A69A, 2px -2px 0 #26A69A, 2px -1px 0 #26A69A, 2px 0px 0 #26A69A, 2px 1px 0 #26A69A, 2px 2px 0 #26A69A; color: #F5F5F5;
}
.function { text-shadow: -2px -2px 0 #FF6F00, -2px -1px 0 #FF6F00, -2px 0px 0 #FF6F00, -2px 1px 0 #FF6F00, -2px 2px 0 #FF6F00, -1px -2px 0 #FF6F00, -1px -1px 0 #FF6F00, -1px 0px 0 #FF6F00, -1px 1px 0 #FF6F00, -1px 2px 0 #FF6F00, 0px -2px 0 #FF6F00, 0px -1px 0 #FF6F00, 0px 0px 0 #FF6F00, 0px 1px 0 #FF6F00, 0px 2px 0 #FF6F00, 1px -2px 0 #FF6F00, 1px -1px 0 #FF6F00, 1px 0px 0 #FF6F00, 1px 1px 0 #FF6F00, 1px 2px 0 #FF6F00, 2px -2px 0 #FF6F00, 2px -1px 0 #FF6F00, 2px 0px 0 #FF6F00, 2px 1px 0 #FF6F00, 2px 2px 0 #FF6F00; color: #FFE082;
}
.mixin { text-shadow: -3px -3px 0 #CDDC39, -3px -2px 0 #CDDC39, -3px -1px 0 #CDDC39, -3px 0px 0 #CDDC39, -3px 1px 0 #CDDC39, -3px 2px 0 #CDDC39, -3px 3px 0 #CDDC39, -2px -3px 0 #CDDC39, -2px -2px 0 #CDDC39, -2px -1px 0 #CDDC39, -2px 0px 0 #CDDC39, -2px 1px 0 #CDDC39, -2px 2px 0 #CDDC39, -2px 3px 0 #CDDC39, -1px -3px 0 #CDDC39, -1px -2px 0 #CDDC39, -1px -1px 0 #CDDC39, -1px 0px 0 #CDDC39, -1px 1px 0 #CDDC39, -1px 2px 0 #CDDC39, -1px 3px 0 #CDDC39, 0px -3px 0 #CDDC39, 0px -2px 0 #CDDC39, 0px -1px 0 #CDDC39, 0px 0px 0 #CDDC39, 0px 1px 0 #CDDC39, 0px 2px 0 #CDDC39, 0px 3px 0 #CDDC39, 1px -3px 0 #CDDC39, 1px -2px 0 #CDDC39, 1px -1px 0 #CDDC39, 1px 0px 0 #CDDC39, 1px 1px 0 #CDDC39, 1px 2px 0 #CDDC39, 1px 3px 0 #CDDC39, 2px -3px 0 #CDDC39, 2px -2px 0 #CDDC39, 2px -1px 0 #CDDC39, 2px 0px 0 #CDDC39, 2px 1px 0 #CDDC39, 2px 2px 0 #CDDC39, 2px 3px 0 #CDDC39, 3px -3px 0 #CDDC39, 3px -2px 0 #CDDC39, 3px -1px 0 #CDDC39, 3px 0px 0 #CDDC39, 3px 1px 0 #CDDC39, 3px 2px 0 #CDDC39, 3px 3px 0 #CDDC39; color: #827717;
}
.fonts { text-shadow: -2px -2px 0 #424242, -2px -1px 0 #424242, -2px 0px 0 #424242, -2px 1px 0 #424242, -2px 2px 0 #424242, -1px -2px 0 #424242, -1px -1px 0 #424242, -1px 0px 0 #424242, -1px 1px 0 #424242, -1px 2px 0 #424242, 0px -2px 0 #424242, 0px -1px 0 #424242, 0px 0px 0 #424242, 0px 1px 0 #424242, 0px 2px 0 #424242, 1px -2px 0 #424242, 1px -1px 0 #424242, 1px 0px 0 #424242, 1px 1px 0 #424242, 1px 2px 0 #424242, 2px -2px 0 #424242, 2px -1px 0 #424242, 2px 0px 0 #424242, 2px 1px 0 #424242, 2px 2px 0 #424242; color: #BDBDBD;
}
.large { font-size: 2em; line-height: 1.2; text-shadow: -4px -4px 0 #6D4C41, -4px -3px 0 #6D4C41, -4px -2px 0 #6D4C41, -4px -1px 0 #6D4C41, -4px 0px 0 #6D4C41, -4px 1px 0 #6D4C41, -4px 2px 0 #6D4C41, -4px 3px 0 #6D4C41, -4px 4px 0 #6D4C41, -3px -4px 0 #6D4C41, -3px -3px 0 #6D4C41, -3px -2px 0 #6D4C41, -3px -1px 0 #6D4C41, -3px 0px 0 #6D4C41, -3px 1px 0 #6D4C41, -3px 2px 0 #6D4C41, -3px 3px 0 #6D4C41, -3px 4px 0 #6D4C41, -2px -4px 0 #6D4C41, -2px -3px 0 #6D4C41, -2px -2px 0 #6D4C41, -2px -1px 0 #6D4C41, -2px 0px 0 #6D4C41, -2px 1px 0 #6D4C41, -2px 2px 0 #6D4C41, -2px 3px 0 #6D4C41, -2px 4px 0 #6D4C41, -1px -4px 0 #6D4C41, -1px -3px 0 #6D4C41, -1px -2px 0 #6D4C41, -1px -1px 0 #6D4C41, -1px 0px 0 #6D4C41, -1px 1px 0 #6D4C41, -1px 2px 0 #6D4C41, -1px 3px 0 #6D4C41, -1px 4px 0 #6D4C41, 0px -4px 0 #6D4C41, 0px -3px 0 #6D4C41, 0px -2px 0 #6D4C41, 0px -1px 0 #6D4C41, 0px 0px 0 #6D4C41, 0px 1px 0 #6D4C41, 0px 2px 0 #6D4C41, 0px 3px 0 #6D4C41, 0px 4px 0 #6D4C41, 1px -4px 0 #6D4C41, 1px -3px 0 #6D4C41, 1px -2px 0 #6D4C41, 1px -1px 0 #6D4C41, 1px 0px 0 #6D4C41, 1px 1px 0 #6D4C41, 1px 2px 0 #6D4C41, 1px 3px 0 #6D4C41, 1px 4px 0 #6D4C41, 2px -4px 0 #6D4C41, 2px -3px 0 #6D4C41, 2px -2px 0 #6D4C41, 2px -1px 0 #6D4C41, 2px 0px 0 #6D4C41, 2px 1px 0 #6D4C41, 2px 2px 0 #6D4C41, 2px 3px 0 #6D4C41, 2px 4px 0 #6D4C41, 3px -4px 0 #6D4C41, 3px -3px 0 #6D4C41, 3px -2px 0 #6D4C41, 3px -1px 0 #6D4C41, 3px 0px 0 #6D4C41, 3px 1px 0 #6D4C41, 3px 2px 0 #6D4C41, 3px 3px 0 #6D4C41, 3px 4px 0 #6D4C41, 4px -4px 0 #6D4C41, 4px -3px 0 #6D4C41, 4px -2px 0 #6D4C41, 4px -1px 0 #6D4C41, 4px 0px 0 #6D4C41, 4px 1px 0 #6D4C41, 4px 2px 0 #6D4C41, 4px 3px 0 #6D4C41, 4px 4px 0 #6D4C41; color: #FFAB91;
}
.large div { margin: 4px;
}
.Medula-One { font-family: "Medula One"; text-shadow: -2px -2px 0 #ff6000, -2px -1px 0 #ff6000, -2px 0px 0 #ff6000, -2px 1px 0 #ff6000, -2px 2px 0 #ff6000, -1px -2px 0 #ff6000, -1px -1px 0 #ff6000, -1px 0px 0 #ff6000, -1px 1px 0 #ff6000, -1px 2px 0 #ff6000, 0px -2px 0 #ff6000, 0px -1px 0 #ff6000, 0px 0px 0 #ff6000, 0px 1px 0 #ff6000, 0px 2px 0 #ff6000, 1px -2px 0 #ff6000, 1px -1px 0 #ff6000, 1px 0px 0 #ff6000, 1px 1px 0 #ff6000, 1px 2px 0 #ff6000, 2px -2px 0 #ff6000, 2px -1px 0 #ff6000, 2px 0px 0 #ff6000, 2px 1px 0 #ff6000, 2px 2px 0 #ff6000; color: #009fff;
}
.Atomic-Age { font-family: "Atomic Age"; text-shadow: -2px -2px 0 #ffbf00, -2px -1px 0 #ffbf00, -2px 0px 0 #ffbf00, -2px 1px 0 #ffbf00, -2px 2px 0 #ffbf00, -1px -2px 0 #ffbf00, -1px -1px 0 #ffbf00, -1px 0px 0 #ffbf00, -1px 1px 0 #ffbf00, -1px 2px 0 #ffbf00, 0px -2px 0 #ffbf00, 0px -1px 0 #ffbf00, 0px 0px 0 #ffbf00, 0px 1px 0 #ffbf00, 0px 2px 0 #ffbf00, 1px -2px 0 #ffbf00, 1px -1px 0 #ffbf00, 1px 0px 0 #ffbf00, 1px 1px 0 #ffbf00, 1px 2px 0 #ffbf00, 2px -2px 0 #ffbf00, 2px -1px 0 #ffbf00, 2px 0px 0 #ffbf00, 2px 1px 0 #ffbf00, 2px 2px 0 #ffbf00; color: #0040ff;
}
.Sigmar-One { font-family: "Sigmar One"; text-shadow: -3px -3px 0 #dfff00, -3px -2px 0 #dfff00, -3px -1px 0 #dfff00, -3px 0px 0 #dfff00, -3px 1px 0 #dfff00, -3px 2px 0 #dfff00, -3px 3px 0 #dfff00, -2px -3px 0 #dfff00, -2px -2px 0 #dfff00, -2px -1px 0 #dfff00, -2px 0px 0 #dfff00, -2px 1px 0 #dfff00, -2px 2px 0 #dfff00, -2px 3px 0 #dfff00, -1px -3px 0 #dfff00, -1px -2px 0 #dfff00, -1px -1px 0 #dfff00, -1px 0px 0 #dfff00, -1px 1px 0 #dfff00, -1px 2px 0 #dfff00, -1px 3px 0 #dfff00, 0px -3px 0 #dfff00, 0px -2px 0 #dfff00, 0px -1px 0 #dfff00, 0px 0px 0 #dfff00, 0px 1px 0 #dfff00, 0px 2px 0 #dfff00, 0px 3px 0 #dfff00, 1px -3px 0 #dfff00, 1px -2px 0 #dfff00, 1px -1px 0 #dfff00, 1px 0px 0 #dfff00, 1px 1px 0 #dfff00, 1px 2px 0 #dfff00, 1px 3px 0 #dfff00, 2px -3px 0 #dfff00, 2px -2px 0 #dfff00, 2px -1px 0 #dfff00, 2px 0px 0 #dfff00, 2px 1px 0 #dfff00, 2px 2px 0 #dfff00, 2px 3px 0 #dfff00, 3px -3px 0 #dfff00, 3px -2px 0 #dfff00, 3px -1px 0 #dfff00, 3px 0px 0 #dfff00, 3px 1px 0 #dfff00, 3px 2px 0 #dfff00, 3px 3px 0 #dfff00; color: #2000ff;
}
.Fontdiner-Swanky { font-family: "Fontdiner Swanky"; text-shadow: -4px -4px 0 #80ff00, -4px -3px 0 #80ff00, -4px -2px 0 #80ff00, -4px -1px 0 #80ff00, -4px 0px 0 #80ff00, -4px 1px 0 #80ff00, -4px 2px 0 #80ff00, -4px 3px 0 #80ff00, -4px 4px 0 #80ff00, -3px -4px 0 #80ff00, -3px -3px 0 #80ff00, -3px -2px 0 #80ff00, -3px -1px 0 #80ff00, -3px 0px 0 #80ff00, -3px 1px 0 #80ff00, -3px 2px 0 #80ff00, -3px 3px 0 #80ff00, -3px 4px 0 #80ff00, -2px -4px 0 #80ff00, -2px -3px 0 #80ff00, -2px -2px 0 #80ff00, -2px -1px 0 #80ff00, -2px 0px 0 #80ff00, -2px 1px 0 #80ff00, -2px 2px 0 #80ff00, -2px 3px 0 #80ff00, -2px 4px 0 #80ff00, -1px -4px 0 #80ff00, -1px -3px 0 #80ff00, -1px -2px 0 #80ff00, -1px -1px 0 #80ff00, -1px 0px 0 #80ff00, -1px 1px 0 #80ff00, -1px 2px 0 #80ff00, -1px 3px 0 #80ff00, -1px 4px 0 #80ff00, 0px -4px 0 #80ff00, 0px -3px 0 #80ff00, 0px -2px 0 #80ff00, 0px -1px 0 #80ff00, 0px 0px 0 #80ff00, 0px 1px 0 #80ff00, 0px 2px 0 #80ff00, 0px 3px 0 #80ff00, 0px 4px 0 #80ff00, 1px -4px 0 #80ff00, 1px -3px 0 #80ff00, 1px -2px 0 #80ff00, 1px -1px 0 #80ff00, 1px 0px 0 #80ff00, 1px 1px 0 #80ff00, 1px 2px 0 #80ff00, 1px 3px 0 #80ff00, 1px 4px 0 #80ff00, 2px -4px 0 #80ff00, 2px -3px 0 #80ff00, 2px -2px 0 #80ff00, 2px -1px 0 #80ff00, 2px 0px 0 #80ff00, 2px 1px 0 #80ff00, 2px 2px 0 #80ff00, 2px 3px 0 #80ff00, 2px 4px 0 #80ff00, 3px -4px 0 #80ff00, 3px -3px 0 #80ff00, 3px -2px 0 #80ff00, 3px -1px 0 #80ff00, 3px 0px 0 #80ff00, 3px 1px 0 #80ff00, 3px 2px 0 #80ff00, 3px 3px 0 #80ff00, 3px 4px 0 #80ff00, 4px -4px 0 #80ff00, 4px -3px 0 #80ff00, 4px -2px 0 #80ff00, 4px -1px 0 #80ff00, 4px 0px 0 #80ff00, 4px 1px 0 #80ff00, 4px 2px 0 #80ff00, 4px 3px 0 #80ff00, 4px 4px 0 #80ff00; color: #8000ff;
}
.Graduate { font-family: "Graduate"; text-shadow: -2px -2px 0 #20ff00, -2px -1px 0 #20ff00, -2px 0px 0 #20ff00, -2px 1px 0 #20ff00, -2px 2px 0 #20ff00, -1px -2px 0 #20ff00, -1px -1px 0 #20ff00, -1px 0px 0 #20ff00, -1px 1px 0 #20ff00, -1px 2px 0 #20ff00, 0px -2px 0 #20ff00, 0px -1px 0 #20ff00, 0px 0px 0 #20ff00, 0px 1px 0 #20ff00, 0px 2px 0 #20ff00, 1px -2px 0 #20ff00, 1px -1px 0 #20ff00, 1px 0px 0 #20ff00, 1px 1px 0 #20ff00, 1px 2px 0 #20ff00, 2px -2px 0 #20ff00, 2px -1px 0 #20ff00, 2px 0px 0 #20ff00, 2px 1px 0 #20ff00, 2px 2px 0 #20ff00; color: #df00ff;
}
.Luckiest-Guy { font-family: "Luckiest Guy"; text-shadow: -2px -2px 0 #00ff40, -2px -1px 0 #00ff40, -2px 0px 0 #00ff40, -2px 1px 0 #00ff40, -2px 2px 0 #00ff40, -1px -2px 0 #00ff40, -1px -1px 0 #00ff40, -1px 0px 0 #00ff40, -1px 1px 0 #00ff40, -1px 2px 0 #00ff40, 0px -2px 0 #00ff40, 0px -1px 0 #00ff40, 0px 0px 0 #00ff40, 0px 1px 0 #00ff40, 0px 2px 0 #00ff40, 1px -2px 0 #00ff40, 1px -1px 0 #00ff40, 1px 0px 0 #00ff40, 1px 1px 0 #00ff40, 1px 2px 0 #00ff40, 2px -2px 0 #00ff40, 2px -1px 0 #00ff40, 2px 0px 0 #00ff40, 2px 1px 0 #00ff40, 2px 2px 0 #00ff40; color: #ff00bf;
}
.Freckle-Face { font-family: "Freckle Face"; text-shadow: -2px -2px 0 #00ff9f, -2px -1px 0 #00ff9f, -2px 0px 0 #00ff9f, -2px 1px 0 #00ff9f, -2px 2px 0 #00ff9f, -1px -2px 0 #00ff9f, -1px -1px 0 #00ff9f, -1px 0px 0 #00ff9f, -1px 1px 0 #00ff9f, -1px 2px 0 #00ff9f, 0px -2px 0 #00ff9f, 0px -1px 0 #00ff9f, 0px 0px 0 #00ff9f, 0px 1px 0 #00ff9f, 0px 2px 0 #00ff9f, 1px -2px 0 #00ff9f, 1px -1px 0 #00ff9f, 1px 0px 0 #00ff9f, 1px 1px 0 #00ff9f, 1px 2px 0 #00ff9f, 2px -2px 0 #00ff9f, 2px -1px 0 #00ff9f, 2px 0px 0 #00ff9f, 2px 1px 0 #00ff9f, 2px 2px 0 #00ff9f; color: #ff0060;
}
.Iceland { font-family: "Iceland"; text-shadow: -3px -3px 0 cyan, -3px -2px 0 cyan, -3px -1px 0 cyan, -3px 0px 0 cyan, -3px 1px 0 cyan, -3px 2px 0 cyan, -3px 3px 0 cyan, -2px -3px 0 cyan, -2px -2px 0 cyan, -2px -1px 0 cyan, -2px 0px 0 cyan, -2px 1px 0 cyan, -2px 2px 0 cyan, -2px 3px 0 cyan, -1px -3px 0 cyan, -1px -2px 0 cyan, -1px -1px 0 cyan, -1px 0px 0 cyan, -1px 1px 0 cyan, -1px 2px 0 cyan, -1px 3px 0 cyan, 0px -3px 0 cyan, 0px -2px 0 cyan, 0px -1px 0 cyan, 0px 0px 0 cyan, 0px 1px 0 cyan, 0px 2px 0 cyan, 0px 3px 0 cyan, 1px -3px 0 cyan, 1px -2px 0 cyan, 1px -1px 0 cyan, 1px 0px 0 cyan, 1px 1px 0 cyan, 1px 2px 0 cyan, 1px 3px 0 cyan, 2px -3px 0 cyan, 2px -2px 0 cyan, 2px -1px 0 cyan, 2px 0px 0 cyan, 2px 1px 0 cyan, 2px 2px 0 cyan, 2px 3px 0 cyan, 3px -3px 0 cyan, 3px -2px 0 cyan, 3px -1px 0 cyan, 3px 0px 0 cyan, 3px 1px 0 cyan, 3px 2px 0 cyan, 3px 3px 0 cyan; color: red;
}
.UnifrakturMaguntia { font-family: "UnifrakturMaguntia"; text-shadow: -4px -4px 0 #009fff, -4px -3px 0 #009fff, -4px -2px 0 #009fff, -4px -1px 0 #009fff, -4px 0px 0 #009fff, -4px 1px 0 #009fff, -4px 2px 0 #009fff, -4px 3px 0 #009fff, -4px 4px 0 #009fff, -3px -4px 0 #009fff, -3px -3px 0 #009fff, -3px -2px 0 #009fff, -3px -1px 0 #009fff, -3px 0px 0 #009fff, -3px 1px 0 #009fff, -3px 2px 0 #009fff, -3px 3px 0 #009fff, -3px 4px 0 #009fff, -2px -4px 0 #009fff, -2px -3px 0 #009fff, -2px -2px 0 #009fff, -2px -1px 0 #009fff, -2px 0px 0 #009fff, -2px 1px 0 #009fff, -2px 2px 0 #009fff, -2px 3px 0 #009fff, -2px 4px 0 #009fff, -1px -4px 0 #009fff, -1px -3px 0 #009fff, -1px -2px 0 #009fff, -1px -1px 0 #009fff, -1px 0px 0 #009fff, -1px 1px 0 #009fff, -1px 2px 0 #009fff, -1px 3px 0 #009fff, -1px 4px 0 #009fff, 0px -4px 0 #009fff, 0px -3px 0 #009fff, 0px -2px 0 #009fff, 0px -1px 0 #009fff, 0px 0px 0 #009fff, 0px 1px 0 #009fff, 0px 2px 0 #009fff, 0px 3px 0 #009fff, 0px 4px 0 #009fff, 1px -4px 0 #009fff, 1px -3px 0 #009fff, 1px -2px 0 #009fff, 1px -1px 0 #009fff, 1px 0px 0 #009fff, 1px 1px 0 #009fff, 1px 2px 0 #009fff, 1px 3px 0 #009fff, 1px 4px 0 #009fff, 2px -4px 0 #009fff, 2px -3px 0 #009fff, 2px -2px 0 #009fff, 2px -1px 0 #009fff, 2px 0px 0 #009fff, 2px 1px 0 #009fff, 2px 2px 0 #009fff, 2px 3px 0 #009fff, 2px 4px 0 #009fff, 3px -4px 0 #009fff, 3px -3px 0 #009fff, 3px -2px 0 #009fff, 3px -1px 0 #009fff, 3px 0px 0 #009fff, 3px 1px 0 #009fff, 3px 2px 0 #009fff, 3px 3px 0 #009fff, 3px 4px 0 #009fff, 4px -4px 0 #009fff, 4px -3px 0 #009fff, 4px -2px 0 #009fff, 4px -1px 0 #009fff, 4px 0px 0 #009fff, 4px 1px 0 #009fff, 4px 2px 0 #009fff, 4px 3px 0 #009fff, 4px 4px 0 #009fff; color: #ff6000;
}
.Titan-One { font-family: "Titan One"; text-shadow: -2px -2px 0 #0040ff, -2px -1px 0 #0040ff, -2px 0px 0 #0040ff, -2px 1px 0 #0040ff, -2px 2px 0 #0040ff, -1px -2px 0 #0040ff, -1px -1px 0 #0040ff, -1px 0px 0 #0040ff, -1px 1px 0 #0040ff, -1px 2px 0 #0040ff, 0px -2px 0 #0040ff, 0px -1px 0 #0040ff, 0px 0px 0 #0040ff, 0px 1px 0 #0040ff, 0px 2px 0 #0040ff, 1px -2px 0 #0040ff, 1px -1px 0 #0040ff, 1px 0px 0 #0040ff, 1px 1px 0 #0040ff, 1px 2px 0 #0040ff, 2px -2px 0 #0040ff, 2px -1px 0 #0040ff, 2px 0px 0 #0040ff, 2px 1px 0 #0040ff, 2px 2px 0 #0040ff; color: #ffbf00;
}
.Oregano { font-family: "Oregano"; text-shadow: -2px -2px 0 #2000ff, -2px -1px 0 #2000ff, -2px 0px 0 #2000ff, -2px 1px 0 #2000ff, -2px 2px 0 #2000ff, -1px -2px 0 #2000ff, -1px -1px 0 #2000ff, -1px 0px 0 #2000ff, -1px 1px 0 #2000ff, -1px 2px 0 #2000ff, 0px -2px 0 #2000ff, 0px -1px 0 #2000ff, 0px 0px 0 #2000ff, 0px 1px 0 #2000ff, 0px 2px 0 #2000ff, 1px -2px 0 #2000ff, 1px -1px 0 #2000ff, 1px 0px 0 #2000ff, 1px 1px 0 #2000ff, 1px 2px 0 #2000ff, 2px -2px 0 #2000ff, 2px -1px 0 #2000ff, 2px 0px 0 #2000ff, 2px 1px 0 #2000ff, 2px 2px 0 #2000ff; color: #dfff00;
}
.Miltonian-Tattoo { font-family: "Miltonian Tattoo"; text-shadow: -2px -2px 0 #8000ff, -2px -1px 0 #8000ff, -2px 0px 0 #8000ff, -2px 1px 0 #8000ff, -2px 2px 0 #8000ff, -1px -2px 0 #8000ff, -1px -1px 0 #8000ff, -1px 0px 0 #8000ff, -1px 1px 0 #8000ff, -1px 2px 0 #8000ff, 0px -2px 0 #8000ff, 0px -1px 0 #8000ff, 0px 0px 0 #8000ff, 0px 1px 0 #8000ff, 0px 2px 0 #8000ff, 1px -2px 0 #8000ff, 1px -1px 0 #8000ff, 1px 0px 0 #8000ff, 1px 1px 0 #8000ff, 1px 2px 0 #8000ff, 2px -2px 0 #8000ff, 2px -1px 0 #8000ff, 2px 0px 0 #8000ff, 2px 1px 0 #8000ff, 2px 2px 0 #8000ff; color: #80ff00;
}
.Raleway-Dots { font-family: "Raleway Dots"; text-shadow: -3px -3px 0 #df00ff, -3px -2px 0 #df00ff, -3px -1px 0 #df00ff, -3px 0px 0 #df00ff, -3px 1px 0 #df00ff, -3px 2px 0 #df00ff, -3px 3px 0 #df00ff, -2px -3px 0 #df00ff, -2px -2px 0 #df00ff, -2px -1px 0 #df00ff, -2px 0px 0 #df00ff, -2px 1px 0 #df00ff, -2px 2px 0 #df00ff, -2px 3px 0 #df00ff, -1px -3px 0 #df00ff, -1px -2px 0 #df00ff, -1px -1px 0 #df00ff, -1px 0px 0 #df00ff, -1px 1px 0 #df00ff, -1px 2px 0 #df00ff, -1px 3px 0 #df00ff, 0px -3px 0 #df00ff, 0px -2px 0 #df00ff, 0px -1px 0 #df00ff, 0px 0px 0 #df00ff, 0px 1px 0 #df00ff, 0px 2px 0 #df00ff, 0px 3px 0 #df00ff, 1px -3px 0 #df00ff, 1px -2px 0 #df00ff, 1px -1px 0 #df00ff, 1px 0px 0 #df00ff, 1px 1px 0 #df00ff, 1px 2px 0 #df00ff, 1px 3px 0 #df00ff, 2px -3px 0 #df00ff, 2px -2px 0 #df00ff, 2px -1px 0 #df00ff, 2px 0px 0 #df00ff, 2px 1px 0 #df00ff, 2px 2px 0 #df00ff, 2px 3px 0 #df00ff, 3px -3px 0 #df00ff, 3px -2px 0 #df00ff, 3px -1px 0 #df00ff, 3px 0px 0 #df00ff, 3px 1px 0 #df00ff, 3px 2px 0 #df00ff, 3px 3px 0 #df00ff; color: #20ff00;
}
.Milonga { font-family: "Milonga"; text-shadow: -4px -4px 0 #ff00bf, -4px -3px 0 #ff00bf, -4px -2px 0 #ff00bf, -4px -1px 0 #ff00bf, -4px 0px 0 #ff00bf, -4px 1px 0 #ff00bf, -4px 2px 0 #ff00bf, -4px 3px 0 #ff00bf, -4px 4px 0 #ff00bf, -3px -4px 0 #ff00bf, -3px -3px 0 #ff00bf, -3px -2px 0 #ff00bf, -3px -1px 0 #ff00bf, -3px 0px 0 #ff00bf, -3px 1px 0 #ff00bf, -3px 2px 0 #ff00bf, -3px 3px 0 #ff00bf, -3px 4px 0 #ff00bf, -2px -4px 0 #ff00bf, -2px -3px 0 #ff00bf, -2px -2px 0 #ff00bf, -2px -1px 0 #ff00bf, -2px 0px 0 #ff00bf, -2px 1px 0 #ff00bf, -2px 2px 0 #ff00bf, -2px 3px 0 #ff00bf, -2px 4px 0 #ff00bf, -1px -4px 0 #ff00bf, -1px -3px 0 #ff00bf, -1px -2px 0 #ff00bf, -1px -1px 0 #ff00bf, -1px 0px 0 #ff00bf, -1px 1px 0 #ff00bf, -1px 2px 0 #ff00bf, -1px 3px 0 #ff00bf, -1px 4px 0 #ff00bf, 0px -4px 0 #ff00bf, 0px -3px 0 #ff00bf, 0px -2px 0 #ff00bf, 0px -1px 0 #ff00bf, 0px 0px 0 #ff00bf, 0px 1px 0 #ff00bf, 0px 2px 0 #ff00bf, 0px 3px 0 #ff00bf, 0px 4px 0 #ff00bf, 1px -4px 0 #ff00bf, 1px -3px 0 #ff00bf, 1px -2px 0 #ff00bf, 1px -1px 0 #ff00bf, 1px 0px 0 #ff00bf, 1px 1px 0 #ff00bf, 1px 2px 0 #ff00bf, 1px 3px 0 #ff00bf, 1px 4px 0 #ff00bf, 2px -4px 0 #ff00bf, 2px -3px 0 #ff00bf, 2px -2px 0 #ff00bf, 2px -1px 0 #ff00bf, 2px 0px 0 #ff00bf, 2px 1px 0 #ff00bf, 2px 2px 0 #ff00bf, 2px 3px 0 #ff00bf, 2px 4px 0 #ff00bf, 3px -4px 0 #ff00bf, 3px -3px 0 #ff00bf, 3px -2px 0 #ff00bf, 3px -1px 0 #ff00bf, 3px 0px 0 #ff00bf, 3px 1px 0 #ff00bf, 3px 2px 0 #ff00bf, 3px 3px 0 #ff00bf, 3px 4px 0 #ff00bf, 4px -4px 0 #ff00bf, 4px -3px 0 #ff00bf, 4px -2px 0 #ff00bf, 4px -1px 0 #ff00bf, 4px 0px 0 #ff00bf, 4px 1px 0 #ff00bf, 4px 2px 0 #ff00bf, 4px 3px 0 #ff00bf, 4px 4px 0 #ff00bf; color: #00ff40;
}
.Pirata-One { font-family: "Pirata One"; text-shadow: -2px -2px 0 #ff0060, -2px -1px 0 #ff0060, -2px 0px 0 #ff0060, -2px 1px 0 #ff0060, -2px 2px 0 #ff0060, -1px -2px 0 #ff0060, -1px -1px 0 #ff0060, -1px 0px 0 #ff0060, -1px 1px 0 #ff0060, -1px 2px 0 #ff0060, 0px -2px 0 #ff0060, 0px -1px 0 #ff0060, 0px 0px 0 #ff0060, 0px 1px 0 #ff0060, 0px 2px 0 #ff0060, 1px -2px 0 #ff0060, 1px -1px 0 #ff0060, 1px 0px 0 #ff0060, 1px 1px 0 #ff0060, 1px 2px 0 #ff0060, 2px -2px 0 #ff0060, 2px -1px 0 #ff0060, 2px 0px 0 #ff0060, 2px 1px 0 #ff0060, 2px 2px 0 #ff0060; color: #00ff9f;
}
.Wellfleet { font-family: "Wellfleet"; text-shadow: -2px -2px 0 red, -2px -1px 0 red, -2px 0px 0 red, -2px 1px 0 red, -2px 2px 0 red, -1px -2px 0 red, -1px -1px 0 red, -1px 0px 0 red, -1px 1px 0 red, -1px 2px 0 red, 0px -2px 0 red, 0px -1px 0 red, 0px 0px 0 red, 0px 1px 0 red, 0px 2px 0 red, 1px -2px 0 red, 1px -1px 0 red, 1px 0px 0 red, 1px 1px 0 red, 1px 2px 0 red, 2px -2px 0 red, 2px -1px 0 red, 2px 0px 0 red, 2px 1px 0 red, 2px 2px 0 red; color: cyan;
}
Text stroke helpers for SCSS - Script Codes
Text stroke helpers for SCSS - Script Codes
Home Page Home
Developer Gregor Adams
Username pixelass
Uploaded July 24, 2022
Rating 3.5
Size 5,647 Kb
Views 30,360
Do you need developer help for Text stroke helpers for SCSS?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Gregor Adams (pixelass) Script Codes
Name
Flat webpage concept
Diagonal scroll
Fractal tree
Cantor Set in CSS
Google dots animation
Pure CSS marching ants border
SVG sine wave
Material design upload button with progress
Netfix logo animation CSS
Material button pure CSS
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!