From 6bc0779f26082afc13c97910726d8e6e668a64ff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E6=B6=9B?= <midnite@outlook.com>
Date: Tue, 7 Jan 2025 15:17:16 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E4=B8=80=E4=B8=AAbadge?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component.css | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/src/component.css b/src/component.css
index acfc8a5..c184b79 100644
--- a/src/component.css
+++ b/src/component.css
@@ -385,4 +385,42 @@
       border-radius: var(--border-radius-xxs);
     }
   }
+
+  /* Badge */
+  .badge {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    padding: var(--spacing-xs) var(--spacing-m);
+    border-radius: var(--border-radius-xxs);
+    font-size: var(--font-size-m);
+    font-weight: bold;
+    line-height: 1.2em;
+    color: var(--color-fg);
+    background-color: var(--color-neutral);
+    &.uppercase {
+      text-transform: uppercase;
+    }
+    &.primary {
+      background-color: var(--color-primary);
+    }
+    &.secondary {
+      background-color: var(--color-secondary);
+    }
+    &.accent {
+      background-color: var(--color-accent);
+    }
+    &.danger {
+      background-color: var(--color-danger);
+    }
+    &.warn {
+      background-color: var(--color-warn);
+    }
+    &.success {
+      background-color: var(--color-success);
+    }
+    &.info {
+      background-color: var(--color-info);
+    }
+  }
 }