use short classes for styling default import

tijlleenders · Dec 2, 2024 · 1ca2173 · 1ca2173
1 parent b5bc263
commit 1ca2173
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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;
 }