Tweaked form aesthetics and deprecated text-px and tracking-px

Author: Zaydek Michels-Gualtieri

src/components/Footer/index.js

@@ -25,7 +25,7 @@ const Footer = () => (
 					</ExternalLink>
 				</div>
 				<div className="mt-8 md:mt-0 order-2 md:order-1">
-					<p className="text-center text-base leading-6 text-gray-400">
+					<p className="text-center leading-6 text-gray-400">
 						&copy; Codex
 					</p>
 				</div>

src/components/Forms/SignIn.js

@@ -90,7 +90,7 @@ const SignInForm = () => (
 				<Meta.Focusable>
 					<button className="flex flex-row justify-center w-full h-12 bg-md-blue-a400 rounded-md hover:opacity-90 active:opacity-100" type="submit">
 						<Meta.SelectNone>
-							<p className="flex flex-row items-center font-semibold text-px tracking-px text-white">
+							<p className="flex flex-row items-center font-semibold text-white">
 								Sign In{" "}
 								<span className="ml-2" style={{ transform: "scaleX(-1)" }} aria-label="waving hand" role="img">👋</span>
 							</p>

src/components/Forms/SignUp.js

@@ -92,7 +92,7 @@ const SignUpForm = () => (
 				<Meta.Focusable>
 					<button className="flex flex-row justify-center w-full h-12 bg-md-blue-a400 rounded-md hover:opacity-90 active:opacity-100" type="submit">
 						<Meta.SelectNone>
-							<p className="flex flex-row items-center font-semibold text-px tracking-px text-white">
+							<p className="flex flex-row items-center font-semibold text-white">
 								Create Your Codex{" "}
 								<span className="ml-2" aria-label="partying face" role="img">🥳</span>
 							</p>

src/components/Meta/index.js

@@ -63,7 +63,7 @@ export const InputBlock = ({ className, children }) => (
 		<div className="mt-1 rounded-md shadow-sm">
 			<Transition>
 				{React.cloneElement(children[1], {
-					className: trimSpaces(`form-input w-full
+					className: trimSpaces(`form-input w-full sm:text-sm sm:leading-5
 						${children[1].props.className}`),
 				})}
 			</Transition>

tailwind.config.js

@@ -42,12 +42,6 @@ module.exports = {
 					...defaultTheme.fontFamily.sans,
 				],
 			},
-			fontSize: {
-				px: "1.0625rem",
-			},
-			letterSpacing: {
-				px:  "0.0125em",
-			},
 			opacity: {
 				90: "0.90",
 				95: "0.95",