style: cleanup reset css

index.html

@@ -13,11 +13,14 @@
       position: absolute;
       left: 0;
       display: flex;
+			font-family: sans-serif;
       flex-direction: column;
       z-index: 123213;
     }
     .dev-navbar a {
       display: inline-flex;
+			color: inherit;
+			text-decoration: inherit;
       padding: 10px;
       text-align: center;
       border: 1px solid #dedede;

src/ui/styles/main.css

@@ -4,7 +4,23 @@
 @tailwind utilities;
 
 .widget {
-  @apply font-sans h-full;
+  @apply h-full;
+	line-height: 1.5;
+	tab-size: 4;
+	font-family: theme('fontFamily.sans', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); /* 4 */
+
+	-webkit-text-size-adjust: 100%;
+	font-feature-settings: normal;
+	font-variation-settings: normal;
+	-webkit-tap-highlight-color: transparent;
+	*,
+	::before,
+	::after {
+		box-sizing: border-box; /* 1 */
+		border-width: 0; /* 2 */
+		border-style: solid; /* 2 */
+		border-color: transparent; /* 2 */
+	}
 
   p {
     margin: 0;

src/ui/styles/reset.css

@@ -1,28 +1,3 @@
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: transparent; /* 2 */
-}
-
-html,
-:host {
-  line-height: 1.5;
-  -webkit-text-size-adjust: 100%;
-  tab-size: 4;
-  font-family: theme('fontFamily.sans', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); /* 4 */
-  font-feature-settings: normal;
-  font-variation-settings: normal;
-  -webkit-tap-highlight-color: transparent;
-}
-
-body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
-}
-
 a {
   color: inherit;
   text-decoration: inherit;
@@ -69,54 +44,6 @@ Correct the cursor style of increment and decrement buttons in Safari.
   height: auto;
 }
 
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-
-[type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
-
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
 
 /*
 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)