From 1ca2173c1e8436312d7b69288b077cab6968fc49 Mon Sep 17 00:00:00 2001
From: Vinay Badgujar <vinaybadgujar8@gmail.com>
Date: Mon, 2 Dec 2024 14:21:36 +0530
Subject: [PATCH] use short classes for styling default import

---
 src/common/DefaultInput.tsx |  2 +-
 src/global.scss             |  2 --
 src/short.scss              | 12 ++++++++++++
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/common/DefaultInput.tsx b/src/common/DefaultInput.tsx
index 82b9d76be..6c7a4714f 100644
--- a/src/common/DefaultInput.tsx
+++ b/src/common/DefaultInput.tsx
@@ -28,7 +28,7 @@ const DefaultInput: React.FC<DefaultInputProps> = ({
 
   return (
     <input
-      className="default-input"
+      className="default-input fw-400 text-md"
       placeholder={placeholder}
       style={baseStyle}
       type={type}
diff --git a/src/global.scss b/src/global.scss
index fc7d92d25..1213bb27b 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -134,8 +134,6 @@ h6 {
 
 /* input field */
 .default-input {
-  font-size: 1em;
-  font-weight: 400;
   padding: 8px 16px;
   border-radius: 8px;
   outline: none;
diff --git a/src/short.scss b/src/short.scss
index fc49e8dc6..03d33848b 100644
--- a/src/short.scss
+++ b/src/short.scss
@@ -88,10 +88,22 @@
   height: 100%;
 }
 
+.fw-400 {
+  font-weight: 400;
+}
+
 .fw-600 {
   font-weight: 600;
 }
 
+.text-sm {
+  font-size: 0.856rem;
+}
+
+.text-md {
+  font-size: 1rem;
+}
+
 .text-lg {
   font-size: 1.25rem;
 }