ayo/wcb
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(site): add link to codepen

Browse source
This commit is contained in:
Ayo 2023-11-23 21:31:04 +01:00
parent 1b297859db
commit 2e87077ff6
1 changed files with 26 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
site/src/components/call-to-action.html
View file

@ -1,18 +1,30 @@
<div style="
padding: 1em;
margin: 1em 0;
text-align: center;
width: 100%;
">
<a
style="
background-color: var(--color-primary);
color: white;
padding: 0.75em;
border-radius: 5px;
text-decoration: none;
"
<div class="call-to-action">
<a id="primary"
href="https://www.npmjs.com/package/web-component-base#readme">
Learn More
</a>
<a href="https://codepen.io/ayoayco-the-styleful/pen/PoVegBK?editors=1010">Playground</a>
</div>
<style>
.call-to-action {
display: flex;
gap: 1em;
justify-content: center;
padding: 1em;
margin: 1em 0;
width: 100%;
& a {
border: 1px solid var(--color-primary);
padding: 0.75em;
border-radius: 5px;
&#primary {
background-color: var(--color-primary);
color: white;
text-decoration: none;
}
}
}
</style>