From 7284b8fbd2a4b7f66569a38c68a0c4a67e1435f1 Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Oliver.akins1999@gmail.com>
Date: Sun, 19 Jan 2025 16:34:59 -0700
Subject: [PATCH] Finish making the border component look how it should

---
 templates/css/components/rc-border.css | 27 ++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/templates/css/components/rc-border.css b/templates/css/components/rc-border.css
index d764fe7..6bc894d 100644
--- a/templates/css/components/rc-border.css
+++ b/templates/css/components/rc-border.css
@@ -20,6 +20,33 @@
 	margin-top: var(--margin-top, var(--vertical-displacement));
 	padding-top: var(--padding-top, var(--vertical-displacement));
 
+	&::before {
+		display: block;
+		content: "";
+		position: absolute;
+		top: -3px;
+		height: 5px;
+		left: 50%;
+		right: -3px;
+		background: var(--border-mask, var(--base-background));
+	}
+	&::after {
+		display: block;
+		content: "";
+		position: absolute;
+		width: 6px;
+		top: -3px;
+		right: -3px;
+		height: 30px;
+		background: rgb(0,0,0);
+		background: linear-gradient(
+			180deg,
+			var(--border-mask, var(--base-background)) 0%,
+			var(--border-mask, var(--base-background)) 50%,
+			rgba(0,255,255,0) 100%
+		);
+	}
+
 	.title {
 		position: absolute;
 		top: calc(-1 * var(--vertical-displacement));