From 03fe09d1ce369d90dd8f2e9ac3c68bb284dda057 Mon Sep 17 00:00:00 2001
From: Vixalie <vixalie@outlook.com>
Date: Tue, 11 Mar 2025 22:13:51 +0800
Subject: [PATCH] add hr component styles.

---
 src/components.css | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/src/components.css b/src/components.css
index 7e20b32..08a6732 100644
--- a/src/components.css
+++ b/src/components.css
@@ -80,6 +80,29 @@
     }
   }
 
+  hr {
+    margin: 0;
+    padding: 0;
+    border-width: 0;
+    border-top-width: 1px;
+    border-color: var(--color-outline-variant);
+    border-style: solid;
+    width: 100%;
+    align-self: stretch;
+    &.dashed {
+      border-style: dashed;
+    }
+    &.dotted {
+      border-style: dotted;
+    }
+    &.vertical {
+      border-top-width: 0;
+      border-left-width: 1px;
+      width: auto;
+      height: 100%;
+    }
+  }
+
   :where(button, .button) {
     border: none;
     border-radius: calc(var(--border-radius) * 2);