From d2a5bf359a4f964af342fa1d078fa16b1bd87f8b Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Tue, 23 Jan 2024 23:00:53 -0800
Subject: refactor(styles): move out to src

---
 src/lib/Styles/input.css | 141 -----------------------------------------------
 1 file changed, 141 deletions(-)
 delete mode 100644 src/lib/Styles/input.css

(limited to 'src/lib/Styles/input.css')

diff --git a/src/lib/Styles/input.css b/src/lib/Styles/input.css
deleted file mode 100644
index 381f2ebe..00000000
--- a/src/lib/Styles/input.css
+++ /dev/null
@@ -1,141 +0,0 @@
-input,
-select {
-	cursor: pointer;
-	position: relative;
-	background-color: var(--base01);
-	/* margin: 0; */
-	/* width: 1.15em;
-	height: 1.15em; */
-	padding: 0.25em;
-	border: none;
-	border-radius: 4px;
-	transform: translateY(0.175em);
-	place-content: center;
-	transition: background-color 0.15s ease-in-out, transform 0.15s ease-in-out;
-	box-shadow: 0 4px 30px var(--base01);
-}
-
-@media (prefers-color-scheme: dark) {
-	input,
-	select {
-		background-color: var(--base07);
-		/* color: var(--base05); */
-	}
-}
-
-input[type='text'],
-input[type='number'],
-input[type='date'],
-input[type='time'],
-button {
-	padding: 0.25em 0.5em;
-}
-
-select {
-	transform: translateY(0em);
-	margin-top: 0.25em;
-	margin-bottom: 0.25em;
-	padding: 0.25em 0.5em;
-}
-
-input[type='checkbox'] {
-	-webkit-appearance: none;
-	appearance: none;
-	margin: 0;
-	width: 1.15em;
-	height: 1.15em;
-	transition: background-color 0.15s ease-in-out, transform 0.15s ease-in-out;
-}
-
-input[type='checkbox']:checked {
-	background-color: var(--base0C);
-}
-
-input[type='checkbox']:checked:before {
-	position: absolute;
-	top: 50%;
-	left: 50%;
-	transform: translate(-50%, -50%);
-}
-
-input[type='checkbox']:active {
-	transform: scale(1);
-	transition: transform 0.15s ease-in-out;
-}
-
-input[type='checkbox']:hover {
-	background-color: var(--base0A);
-}
-
-button {
-	cursor: pointer;
-	position: relative;
-	background-color: var(--base0C);
-	color: var(--base00);
-	border: none;
-	border-radius: 4px;
-	transition: background-color 0.15s ease-in-out, transform 0.15s ease-in-out;
-	box-shadow: 0 4px 30px var(--base01);
-}
-
-button:hover {
-	background-color: var(--base0A);
-}
-
-button:active {
-	transform: scale(0.975);
-}
-
-input:disabled,
-select:disabled,
-button:disabled {
-	cursor: not-allowed;
-	opacity: 0.5;
-}
-
-input:disabled:hover,
-select:disabled:hover,
-button:disabled:hover {
-	background-color: var(--base0C);
-}
-
-input:disabled:active,
-select:disabled:active,
-button:disabled:active {
-	transform: scale(1);
-}
-
-.small-button {
-	transform: scale(0.875);
-}
-
-.small-button:active {
-	transform: scale(0.75);
-}
-
-.unclickable-button {
-	transform: scale(1);
-}
-
-.unclickable-button:active {
-	transform: scale(1) !important;
-}
-
-.smaller-button {
-	background-color: var(--base0C);
-	transform: scale(0.75);
-}
-
-.button-square {
-	background-color: var(--base0C);
-	transform: scale(0.75);
-	padding: 0.125em 0.575em;
-}
-
-.button-lined {
-	transform: translateY(0.175em);
-}
-
-.button-action {
-	background-color: var(--base0E);
-}
-- 
cgit v1.2.3