fix: attempt fixing serif

ReMod-Software · Feb 15, 2024 · b448ccf · b448ccf
1 parent 310bc38
commit b448ccf
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 16 deletions.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -5,7 +5,7 @@
 @tailwind components;
 @tailwind utilities;
 
-body {
+* {
     font-family: "IBM Plex Sans";
 }
 

diff --git a/components/Footer.vue b/components/Footer.vue
@@ -29,7 +29,4 @@ import { SOCIALS, FOOTER_ITEMS } from '../pages/constants'
 </script>
 
 <style>
-p, a {
-    font-family: sans-serif;
-}
 </style>
diff --git a/components/Header.vue b/components/Header.vue
@@ -22,7 +22,4 @@ import { HEADER_NAV } from '../pages/constants'
 </script>
 
 <style>
-p, a {
-    font-family: sans-serif;
-}
 </style>
diff --git a/pages/index.vue b/pages/index.vue
@@ -6,16 +6,16 @@
       class="rounded-lg flex gap-8 md:gap-16 flex-col justify-center items-center h-full w-full aspect-[4/3] md:aspect-[21/9] p-8 md:p-0 text-white"
       id="main-hero">
       <h1 class="text-center text-xl md:text-4xl font-extralight">Looking for a <span
-          class="font-serif text-2xl px-2 italic font-semibold md:text-6xl">space?</span> We have one <span
-          class="font-serif text-2xl px-2 italic font-semibold md:text-6xl">for you!</span></h1>
+          class="font-serif text-2xl md:px-2 italic font-semibold md:text-6xl">space?</span> We have one <span
+          class="font-serif text-2xl md:px-2 italic font-semibold md:text-6xl">for you!</span></h1>
       <div class="flex w-auto md:w-[65%] rounded-3xl">
         <input type="search" placeholder="Search for Properties!" class="border-box flex-grow p-2 px-4 rounded-none">
         <img src="/svg/search.svg" class="aspect-square bg-white invert p-2 h-full" />
       </div>
     </div>
     <div class="content md:mx-40 flex flex-col gap-8">
       <h1 class="text-2xl text-center">
-        We care about our <span class="italic">consumers</span>, and their quality of place...
+        We care about our <span class="font-serif italic font-semibold">consumers</span>, and their quality of place...
       </h1>
       <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
         <div v-for="ft in CONSUMER_FEATURES" class="border border-solid border-gray-500 flex flex-col gap-4 p-4 bg-gray-50 rounded-lg grad-box">
@@ -31,7 +31,7 @@
 
     <div class="content md:mx-40 flex flex-col gap-8">
       <h1 class="text-2xl text-center">
-        ...but we also care about our <span class="font-serif italic">agents</span>!
+        ...but we also care about our <span class="font-serif italic font-semibold">agents</span>!
       </h1>
       <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
         <div v-for="ft in PROVIDER_FEATURES" class="border border-solid border-gray-500 flex flex-col gap-4 p-4 bg-gray-50 rounded-lg grad-box">
@@ -113,9 +113,4 @@ const PROVIDER_FEATURES: Feature[] = [
   background-image: url("/photos/search_bg.webp");
   background-size: cover;
 }
-
-a,
-span {
-  font-family: sans-serif;
-}
 </style>
-Original file line number
+Diff line change
@@ Expand Up / @@ -5,7 +5,7 @@ @@
     @tailwind components;
     @tailwind utilities;
-    body {
+    * {
         font-family: "IBM Plex Sans";
     }
@@ Expand Down @@