From 052cc1a5a4668d7cb17fb273a022aa5b820d1faa Mon Sep 17 00:00:00 2001
From: Sam Nystrom <sam@samnystrom.dev>
Date: Wed, 13 Mar 2024 05:03:22 +0000
Subject: refactor: move styles into separate components

---
 src/components/TextInput.css | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 src/components/TextInput.css

(limited to 'src/components/TextInput.css')

diff --git a/src/components/TextInput.css b/src/components/TextInput.css
new file mode 100644
index 0000000..bb04415
--- /dev/null
+++ b/src/components/TextInput.css
@@ -0,0 +1,17 @@
+@scope (.__TextInput) {
+	:scope {
+		background-color: var(--surface);
+		color: var(--text);
+		height: 2.5rem;
+		padding: 0 0.5rem;
+		border: none;
+		border-bottom: 2px solid color-mix(in srgb, white 20%, var(--surface));
+		font-size: 1rem;
+
+		&:focus {
+			outline: 2px solid var(--primary);
+			border-bottom: none;
+			margin-bottom: 2px;
+		}
+	}
+}
\ No newline at end of file
-- 
cgit v1.2.3