24 lines
397 B
Svelte
24 lines
397 B
Svelte
<script lang="ts">
|
|
export let tag: string;
|
|
</script>
|
|
|
|
<a class="tag-link" href="/posts/tag/{tag}">
|
|
{tag}
|
|
</a>
|
|
|
|
<style>
|
|
.tag-link {
|
|
text-decoration: none;
|
|
color: var(--dark-text-color);
|
|
padding: 3px 5px 3px 5px;
|
|
margin: 10px;
|
|
background-color: var(--accent-color);
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.tag-link:hover,
|
|
.tag-link:active {
|
|
background-color: var(--accent-rollover);
|
|
}
|
|
</style>
|