From 69a40df606b5a3125ba77d3704c4f331dbc94404 Mon Sep 17 00:00:00 2001
From: Max Leiter <max.leiter@vercel.com>
Date: Sun, 25 Dec 2022 21:03:24 -0800
Subject: [PATCH] remove unnecessary CSS and !importants

---
 .../file-dropdown/dropdown.module.css         |  4 --
 .../components/preview/preview.module.css     |  6 --
 .../drag-and-drop/drag-and-drop.module.css    | 57 +++++++++----------
 .../edit-document/document.module.css         |  5 --
 src/app/components/header/header.module.css   |  5 +-
 .../components/post-list/list-item.module.css |  6 +-
 src/app/styles/globals.css                    | 10 +---
 7 files changed, 32 insertions(+), 61 deletions(-)

diff --git a/src/app/(posts)/components/file-dropdown/dropdown.module.css b/src/app/(posts)/components/file-dropdown/dropdown.module.css
index 898bab2a..0e97d811 100644
--- a/src/app/(posts)/components/file-dropdown/dropdown.module.css
+++ b/src/app/(posts)/components/file-dropdown/dropdown.module.css
@@ -47,10 +47,6 @@
 	
 }
 
-.button {
-	border-radius: none !important;
-}
-
 .content li .fileIcon {
 	display: inline-block;
 	margin-right: var(--gap-half);
diff --git a/src/app/(posts)/components/preview/preview.module.css b/src/app/(posts)/components/preview/preview.module.css
index 2436fee8..0fd5b8e0 100644
--- a/src/app/(posts)/components/preview/preview.module.css
+++ b/src/app/(posts)/components/preview/preview.module.css
@@ -105,12 +105,6 @@
 	content: "";
 }
 
-.markdownPreview code {
-	border-radius: 3px;
-	white-space: pre-wrap;
-	word-wrap: break-word;
-	color: inherit !important;
-}
 
 .markdownPreview code::before,
 .markdownPreview code::after {
diff --git a/src/app/(posts)/new/components/drag-and-drop/drag-and-drop.module.css b/src/app/(posts)/new/components/drag-and-drop/drag-and-drop.module.css
index 403d0068..b1908430 100644
--- a/src/app/(posts)/new/components/drag-and-drop/drag-and-drop.module.css
+++ b/src/app/(posts)/new/components/drag-and-drop/drag-and-drop.module.css
@@ -1,54 +1,49 @@
 .container {
-  display: flex;
-  flex-direction: column;
+	display: flex;
+	flex-direction: column;
 }
 
 .container ul {
-  margin: 0;
-  margin-top: var(--gap-double);
+	margin: 0;
+	margin-top: var(--gap-double);
 }
 
 .dropzone {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 20px;
-  border-radius: 2px;
-  border: 2px dashed var(--border) !important;
-  outline: none;
-  transition: all 0.14s ease-in-out;
-  cursor: pointer;
-}
-
-.dropzone:hover {
-  border-color: var(--gray) !important; 
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	padding: 20px;
+	border-radius: 2px;
+	border: 2px dashed var(--border);
+	outline: none;
+	cursor: pointer;
 }
 
 .dropzone:focus {
-  box-shadow: 0 0 4px 1px rgba(124, 124, 124, 0.5);
+	border-color: var(--gray);
 }
 
 .error {
-  color: red;
-  font-size: 0.8rem;
-  transition: border 0.14s ease-in-out;
-  border: 2px solid red;
-  border-radius: 2px;
-  padding: 20px;
+	color: red;
+	font-size: 0.8rem;
+	transition: border 0.14s ease-in-out;
+	border: 2px solid red;
+	border-radius: 2px;
+	padding: 20px;
 }
 
 .error ul {
-  margin: 0;
-  padding-left: var(--gap-double);
+	margin: 0;
+	padding-left: var(--gap-double);
 }
 
 .verb:after {
-  content: "click";
+	content: "click";
 }
 
 @media (hover: none) {
-  .verb:after {
-    content: "tap";
-  }
+	.verb:after {
+		content: "tap";
+	}
 }
diff --git a/src/app/(posts)/new/components/edit-document-list/edit-document/document.module.css b/src/app/(posts)/new/components/edit-document-list/edit-document/document.module.css
index 75e1225b..209eee49 100644
--- a/src/app/(posts)/new/components/edit-document-list/edit-document/document.module.css
+++ b/src/app/(posts)/new/components/edit-document-list/edit-document/document.module.css
@@ -19,11 +19,6 @@
 	display: flex;
 }
 
-.fileNameContainer > div {
-	/* Override geist-ui styling */
-	margin: 0 !important;
-}
-
 .textarea {
 	height: 100%;
 }
diff --git a/src/app/components/header/header.module.css b/src/app/components/header/header.module.css
index 4a12b59f..06f9f772 100644
--- a/src/app/components/header/header.module.css
+++ b/src/app/components/header/header.module.css
@@ -53,9 +53,8 @@
 	align-items: center;
 }
 
-.active,
-.active {
-	color: var(--fg) !important;
+.tabs .active {
+	color: var(--fg);
 }
 
 .buttonGroup,
diff --git a/src/app/components/post-list/list-item.module.css b/src/app/components/post-list/list-item.module.css
index 4b43e46d..c24274b2 100644
--- a/src/app/components/post-list/list-item.module.css
+++ b/src/app/components/post-list/list-item.module.css
@@ -46,15 +46,11 @@
 	}
 }
 
-.files {
-	padding: var(--gap) 0 !important;
-	margin: 0;
-}
-
 .files li {
 	display: flex;
 	align-items: center;
 	gap: var(--gap);
+	padding: var(--gap-quarter);
 }
 
 .files li a {
diff --git a/src/app/styles/globals.css b/src/app/styles/globals.css
index 1d02e21e..7f8ad8eb 100644
--- a/src/app/styles/globals.css
+++ b/src/app/styles/globals.css
@@ -80,8 +80,8 @@
 
 ::selection {
 	text-shadow: none;
-	background: var(--fg) !important;
-	color: var(--bg) !important;
+	background: var(--fg);
+	color: var(--bg);
 }
 
 html,
@@ -129,7 +129,7 @@ a.reset {
 
 pre,
 code {
-	font-family: var(--font-mono) !important;
+	font-family: var(--font-mono);
 }
 
 hr {
@@ -157,10 +157,6 @@ hr {
 		--name: #333;
 		--highlight: #eaeaea;
 	}
-
-	* {
-		text-shadow: none !important;
-	}
 }
 
 #root,