From d035409c189e6077ab686b82d4398a9239afd225 Mon Sep 17 00:00:00 2001
From: Chris Kankiewicz <Chris@ChrisKankiewicz.com>
Date: Thu, 16 Jan 2020 12:07:06 -0700
Subject: [PATCH] Set app default font to serif and removed unnecessary
 font-serif classes

---
 app/resources/sass/app.scss                | 1 +
 app/resources/sass/markdown.scss           | 1 -
 app/resources/views/404.twig               | 2 +-
 app/resources/views/components/footer.twig | 2 +-
 app/resources/views/components/header.twig | 2 +-
 app/resources/views/layouts/app.twig       | 2 +-
 6 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/resources/sass/app.scss b/app/resources/sass/app.scss
index 9cb6946..9a19c23 100644
--- a/app/resources/sass/app.scss
+++ b/app/resources/sass/app.scss
@@ -12,5 +12,6 @@ $fa-font-path: "./webfonts";
 // Fonts
 @import url("https://fonts.googleapis.com/css?family=Source+Code+Pro|Work+Sans:200,400&display=swap");
 
+// Additional Styles
 @import "markdown.scss";
 @import "dark-mode.scss";
diff --git a/app/resources/sass/markdown.scss b/app/resources/sass/markdown.scss
index fab8218..4a6eaca 100644
--- a/app/resources/sass/markdown.scss
+++ b/app/resources/sass/markdown.scss
@@ -1,5 +1,4 @@
 .markdown {
-    @apply font-sans;
     @apply break-words;
 
     a {
diff --git a/app/resources/views/404.twig b/app/resources/views/404.twig
index 3e7dcdd..d0e2fad 100644
--- a/app/resources/views/404.twig
+++ b/app/resources/views/404.twig
@@ -4,7 +4,7 @@
     {% include 'components/header.twig' %}
 
     <div id="content" class="flex-grow container flex justify-center items-center mx-auto px-4">
-        <p class="font-sans font-light text-4xl text-gray-600">
+        <p class="font-thin text-4xl text-gray-600">
             404 &bull; Not Found
         </p>
     </div>
diff --git a/app/resources/views/components/footer.twig b/app/resources/views/components/footer.twig
index d51d463..b1cfa74 100644
--- a/app/resources/views/components/footer.twig
+++ b/app/resources/views/components/footer.twig
@@ -1,6 +1,6 @@
 <footer class="container border-t-2 border-gray-800 text-center mx-auto px-4 py-8">
     <div class="flex flex-col justify-center items-center">
-        <p class="font-sans mb-4">
+        <p class="mb-4">
             Powered by <a href="https://www.directorylister.com" class="underline hover:text-blue-700">Directory Lister</a>
         </p>
 
diff --git a/app/resources/views/components/header.twig b/app/resources/views/components/header.twig
index 9cd9032..6bc764d 100644
--- a/app/resources/views/components/header.twig
+++ b/app/resources/views/components/header.twig
@@ -12,7 +12,7 @@
 
         <form action="." method="get" id="search" class="group relative block w-full bg-blue-700 rounded-full shadow-inner md:w-4/12 md:-my-2">
             <input type="text" name="search" placeholder="Search this directory..." value="{{ search }}"
-                class="bg-transparent font-sans placeholder-gray-900 text-white w-full px-10 py-2"
+                class="bg-transparent placeholder-gray-900 text-white w-full px-10 py-2"
                 v-model="search"
             >
 
diff --git a/app/resources/views/layouts/app.twig b/app/resources/views/layouts/app.twig
index 89721aa..b1dfdbd 100644
--- a/app/resources/views/layouts/app.twig
+++ b/app/resources/views/layouts/app.twig
@@ -9,6 +9,6 @@
 
 <title>{{ path | default('Home') }} &bull; Directory Lister</title>
 
-<div id="app" class="flex flex-col min-h-screen {{ config('dark_mode') ? 'dark-mode' : 'light-mode' }}">
+<div id="app" class="flex flex-col min-h-screen font-sans {{ config('dark_mode') ? 'dark-mode' : 'light-mode' }}">
     {% block content %}{% endblock %}
 </div>