coffeekraken-s-gradient-component
Version:
Provide a nice way to apply a gradient on top of some HTMLElements
23 lines (20 loc) • 868 B
HTML
<html lang="en">
<head>
<link rel="stylesheet" href="dist/css/style.css" />
</head>
<body>
<s-gradient colors="['#a3385e','#f2bc2b']" type="radial">
<h1 class="h1 m-b">
Hello World
</h1>
<p class="p m-b">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate facilisis luctus. Nam non erat orci. Curabitur pulvinar elit quis consequat consequat. Curabitur cursus faucibus enim, nec euismod diam venenatis egestas. Duis at volutpat massa. Praesent finibus felis turpis, bibendum rhoncus massa semper et. Aliquam blandit velit elit, a dignissim libero pellentesque at. Fusce sodales rhoncus massa, at consectetur lectus finibus id.
</p>
<a class="btn btn--outline" href="#" title="...">
Do something cool
</a>
</s-gradient>
<script src="dist/js/app.js"></script>
</body>
</html>