From 157468b84553c47d0f5ba312d815ea7195b0d6b5 Mon Sep 17 00:00:00 2001
From: Oxbian <oxbian@mailbox.org>
Date: Sun, 13 Oct 2024 14:21:34 -0400
Subject: feat: components (buttons, inputfields, dropdowns, quotes / codes)

---
 CSS/button.css | 65 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 65 insertions(+)
 create mode 100644 CSS/button.css

(limited to 'CSS/button.css')

diff --git a/CSS/button.css b/CSS/button.css
new file mode 100644
index 0000000..b0833f6
--- /dev/null
+++ b/CSS/button.css
@@ -0,0 +1,65 @@
+/* Button style */
+
+/* Default button */
+a.button, button.button
+{
+    padding: 0.1rem 1rem;
+    margin: 0rem 0.3rem;
+
+	border: none;
+	cursor: pointer;
+
+    text-align: center;
+    text-decoration: none;
+    text-transform: uppercase;
+	font-weight: bold;
+
+    background-color: var(--link-bg-color);
+    color: var(--link-color); 
+	border: 1px solid var(--link-bg-color);
+}
+
+a.button:hover, button.button:hover
+{ 
+    color: var(--link-bg-color);
+    background-color: var(--link-color);
+}
+
+/* Reversed button */
+a.button-reversed, button.button-reversed
+{
+    padding: 0.1rem 1rem;
+    margin: 0rem 0.3rem;
+
+	border: none;
+	cursor: pointer;
+
+    text-align: center;
+    text-decoration: none;
+    text-transform: uppercase;
+	font-weight: bold;
+
+    background-color: var(--link-color);
+    color: var(--link-bg-color); 
+    border: 1px solid var(--link-color);
+}
+
+a.button-reversed:hover, button.button-reversed:hover
+{ 
+    color: var(--link-color);
+    background-color: var(--link-bg-color);
+}
+
+/* Button disabled */
+button:disabled, button[disabled]
+{
+	opacity: 0.6;
+	cursor: not-allowed;
+}
+
+/* Link */
+a.link 
+{
+	color: var(--link-bg-color);
+	text-decoration: underline;
+}
-- 
cgit v1.2.3