From 9b33aefcd3099d7c2caeb6a020da84f1161ff081 Mon Sep 17 00:00:00 2001
From: Nikola Hristov <nikola@nikolahristov.tech>
Date: Fri, 15 Dec 2023 00:45:24 +0200
Subject: [PATCH] squash!

---
 Source/Asset/CSS/Corner.css | 15 +++++++++------
 Source/Element/Corner.tsx   |  2 +-
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/Source/Asset/CSS/Corner.css b/Source/Asset/CSS/Corner.css
index 6d21c9e..f030c2c 100644
--- a/Source/Asset/CSS/Corner.css
+++ b/Source/Asset/CSS/Corner.css
@@ -1,23 +1,25 @@
 .Corner {
-	--corner-size: 23px;
-	width: var(--corner-size);
-	height: var(--corner-size);
+	--Corner: 23px;
+	width: var(--Corner);
+	height: var(--Corner);
 
 	-webkit-mask-image: radial-gradient(
-		circle at var(--corner-size) var(--corner-size),
-		transparent calc(var(--corner-size) + -0.7px),
-		rgba(255, 255, 255, 1) calc(var(--corner-size) + 0.7px)
+		circle at var(--Corner) var(--Corner),
+		transparent calc(var(--Corner) + -0.7px),
+		rgba(255, 255, 255, 1) calc(var(--Corner) + 0.7px)
 	);
 
 	@apply absolute inset-auto bg-black;
 
 	&[data-corner="BottomLeft"] {
 		transform: rotate(270deg);
+
 		@apply bottom-0 left-0;
 	}
 
 	&[data-corner="BottomRight"] {
 		transform: rotate(180deg);
+
 		@apply bottom-0 right-0;
 	}
 
@@ -27,6 +29,7 @@
 
 	&[data-corner="TopRight"] {
 		transform: rotate(90deg);
+
 		@apply right-0 top-0;
 	}
 
diff --git a/Source/Element/Corner.tsx b/Source/Element/Corner.tsx
index 00f5abe..f9383ab 100644
--- a/Source/Element/Corner.tsx
+++ b/Source/Element/Corner.tsx
@@ -21,7 +21,7 @@ export default async (Property: any) => (
 	<div
 		class="Corner"
 		data-corner={mergeProps({ id: "Default" }, Property).id}
-		style={{ "--corner-size": `${Size[0]()}px` }}
+		style={{ "--Corner": `${Size[0]()}px` }}
 	/>
 );