2020-02-18 08:57:00 +01:00
|
|
|
<template>
|
|
|
|
<span class="tag">
|
|
|
|
<span>
|
|
|
|
<slot />
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
|
|
import { Component, Vue } from "vue-property-decorator";
|
|
|
|
|
|
|
|
@Component
|
|
|
|
export default class Tag extends Vue {}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
span.tag {
|
2020-06-24 10:05:22 +02:00
|
|
|
background: $purple-3;
|
|
|
|
color: $violet-2;
|
2020-02-18 08:57:00 +01:00
|
|
|
text-transform: uppercase;
|
|
|
|
&::before {
|
|
|
|
content: "#";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|