From 3009173e7937f22abad986bdcf58829f0dee2498 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <me@hydev.org>
Date: Sun, 26 Dec 2021 17:02:52 -0500
Subject: [PATCH] [+] Place after as an element

---
 src/components/Tag.vue | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/Tag.vue b/src/components/Tag.vue
index dacf51b..12f2193 100644
--- a/src/components/Tag.vue
+++ b/src/components/Tag.vue
@@ -1,5 +1,8 @@
 <template>
-    <div class="tag fbox-vcenter"><slot></slot></div>
+    <div class="tag fbox-vcenter">
+        <slot></slot>
+        <div class="after"></div>
+    </div>
 </template>
 
 <script lang="ts">
@@ -32,12 +35,11 @@ $triangle-width: $tag-height / 2 * 0.8
     margin-right: $triangle-width
     transition: color 0.2s
 
-.tag::after
-    content: ''
-    border-bottom: $tag-height / 2 solid transparent
-    border-top: $tag-height / 2 solid transparent
-    border-left: $triangle-width solid $tag-color
-    position: absolute
-    right: -$triangle-width
-    top: 0
+    .after
+        border-bottom: $tag-height / 2 solid transparent
+        border-top: $tag-height / 2 solid transparent
+        border-left: $triangle-width solid $tag-color
+        position: absolute
+        right: -$triangle-width
+        top: 0
 </style>