From 44deedd0e5c0656693b8817ee944c87cebea59cd Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 28 Nov 2021 12:19:07 +0100
Subject: [PATCH] chore: cleanup class usage

---
 src/components/misc/message.vue | 36 ++++++++++++++++-----------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/components/misc/message.vue b/src/components/misc/message.vue
index 3cee9c980..9f9d3671b 100644
--- a/src/components/misc/message.vue
+++ b/src/components/misc/message.vue
@@ -1,5 +1,5 @@
 <template>
-	<div class="message" :class="[is]">
+	<div class="message" :class="is">
 		<slot/>
 	</div>
 </template>
@@ -17,25 +17,25 @@ const props = defineProps({
 .message {
 	padding: .75rem 1rem;
 	border-radius: $radius;
+}
 
-	&, &.info {
-		border: 1px solid var(--primary);
-		background: hsla(var(--primary-hsl), .05);
-	}
+.info {
+	border: 1px solid var(--primary);
+	background: hsla(var(--primary-hsl), .05);
+}
 
-	&.danger {
-		border: 1px solid var(--danger);
-		background: hsla(var(--danger-h), var(--danger-s), var(--danger-l), .05);
-	}
-	
-	&.warning {
-		border: 1px solid var(--warning);
-		background: hsla(var(--warning-h), var(--warning-s), var(--warning-l), .05);
-	}
+.danger {
+	border: 1px solid var(--danger);
+	background: hsla(var(--danger-h), var(--danger-s), var(--danger-l), .05);
+}
 
-	&.success {
-		border: 1px solid var(--success);
-		background: hsla(var(--success-h), var(--success-s), var(--success-l), .05);
-	}
+.warning {
+	border: 1px solid var(--warning);
+	background: hsla(var(--warning-h), var(--warning-s), var(--warning-l), .05);
+}
+
+.success {
+	border: 1px solid var(--success);
+	background: hsla(var(--success-h), var(--success-s), var(--success-l), .05);
 }
 </style>