💄UI - Updating typography as per Boostraps' typography (#1999)

* 💄UI - Updating typography as per Boostraps' typography Fixed #1473 Affected Route: `/*` * Updating px to rem
SSWConsulting · Jan 8, 2024 · 3a43841 · 3a43841
1 parent 69b0a11
commit 3a43841
Showing 1 changed file with 13 additions and 5 deletions.
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -241,22 +241,30 @@ module.exports = {
             lineHeight: 1.45,
             color: theme("colors.sswBlack"),
             h1: {
-              fontWeight: "300",
-              margin: "1rem 0",
-              padding: "60px 0 20px 0",
+              fontWeight: "500",
+              margin: "0.5rem 0",
+              padding: "3.75rem 0 1.25rem 0",
               lineHeight: 1.2,
               color: theme("colors.sswBlack"),
             },
             h2: {
               fontWeight: "500",
+              fontSize: "2rem",
+              lineHeight: "2.4rem",
               color: theme("colors.sswRed"),
             },
             h3: {
-              fontWeight: "300",
-              marginBottom: "7px",
+              fontWeight: "500",
+              marginBottom: "0.5rem",
+              lineHeight: "2.1rem",
+              fontSize: "1.75rem",
               color: theme("colors.sswBlack"),
             },
             h4: {
+              fontWeight: "500",
+              lineHeight: "1.8rem",
+              margin: "0.5rem 0",
+              fontSize: "1.5rem",
               color: theme("colors.sswBlack"),
             },
             strong: {