<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(--island-txt-color);
		padding: 3px 5px 3px 5px;
		margin: 10px;
		background-color: var(--island-link-color);
		border-radius: 5px;
		box-shadow: 1px 1px 2px rgba(0,0,0,0.19);
	}

	.tag-link:hover,
	.tag-link:active {
		/*background-color: var(--accent-rollover);*/
		box-shadow: 1px 1px 1px rgba(0,0,0,0.19) inset;
	}
</style>
