From f86bbad8bb2694c128e15e870c1eadbaf73cd440 Mon Sep 17 00:00:00 2001
From: ktyl <me@ktyl.dev>
Date: Sun, 1 Oct 2023 22:23:24 +0100
Subject: [PATCH] chore: remove redundant fsText class

---
 src/inc_css/landing.css      |  5 ++---
 src/inc_css/nav.css          |  6 ++++++
 src/inc_css/title.css        |  1 +
 src/inc_html/nav.html        |  6 +++---
 src/inc_html/titlestart.html |  2 +-
 src/root/colors.css          |  4 ++++
 src/root/styles.css          | 15 +--------------
 7 files changed, 18 insertions(+), 21 deletions(-)

diff --git a/src/inc_css/landing.css b/src/inc_css/landing.css
index be954af..0fec37f 100644
--- a/src/inc_css/landing.css
+++ b/src/inc_css/landing.css
@@ -4,14 +4,14 @@
     text-align: center;
 }
 
-.landing .fsText a {
+.landing a {
     color: var(--foreground-inactive);
     font-size: 2em;
     transform: translate(0,50%);
 
     transition: all 0.3s;
 }
-.landing .fsText a:hover {
+.landing a:hover {
     color: var(--accent);
 }
 
@@ -45,7 +45,6 @@
 
 .landing .socials i {
     color: var(--foreground-inactive);
-    font-size: 3.5em;
     padding: 0 .07em;
 }
 
diff --git a/src/inc_css/nav.css b/src/inc_css/nav.css
index b5c1f9c..91f0f37 100644
--- a/src/inc_css/nav.css
+++ b/src/inc_css/nav.css
@@ -30,6 +30,12 @@ ul.nav-links {
     margin-bottom: 0.8em;
 }
 
+.nav .nav-links li a {
+    color: var(--foreground-inactive);
+    font-size: 1.4em;
+    display: block;
+}
+
 .nav li a::before {
     content: "/";
 }
diff --git a/src/inc_css/title.css b/src/inc_css/title.css
index 8eb1b30..fa9752b 100644
--- a/src/inc_css/title.css
+++ b/src/inc_css/title.css
@@ -3,6 +3,7 @@
 }
 
 .title h1 {
+    font-size: 1.4em;
     padding-bottom: 0;
     margin-bottom:0;
     margin-top:0;
diff --git a/src/inc_html/nav.html b/src/inc_html/nav.html
index f484b9a..58523b8 100644
--- a/src/inc_html/nav.html
+++ b/src/inc_html/nav.html
@@ -1,5 +1,5 @@
 <ul class="nav-links">
-    <li><a href="/about.html" class="fsText">about</a></li>
-    <li><a href="/blog.html" class="fsText">blog</a></li>
-    <li><a href="/gallery.html" class="fsText">gallery</a></li>
+    <li><a href="/about.html">about</a></li>
+    <li><a href="/blog.html">blog</a></li>
+    <li><a href="/gallery.html">gallery</a></li>
 </ul>
diff --git a/src/inc_html/titlestart.html b/src/inc_html/titlestart.html
index 29202e6..058d343 100644
--- a/src/inc_html/titlestart.html
+++ b/src/inc_html/titlestart.html
@@ -1,2 +1,2 @@
 <div class="title">
-    <h1 class="fsText"><a href="https://ktyl.dev/">ktyl.dev</a><span class="pageTitle">
+    <h1><a href="https://ktyl.dev/">ktyl.dev</a><span class="pageTitle">
diff --git a/src/root/colors.css b/src/root/colors.css
index 681a96d..99460e7 100644
--- a/src/root/colors.css
+++ b/src/root/colors.css
@@ -14,4 +14,8 @@
     --color3: #ff00ff;
     --color4: #ffff00;
     --color5: #00ffff;
+
+    /* TODO: extract general varibles file ? */
+    /* Text */
+    --font-size: 1.4em;
 }
diff --git a/src/root/styles.css b/src/root/styles.css
index d96e659..3fa0937 100644
--- a/src/root/styles.css
+++ b/src/root/styles.css
@@ -21,21 +21,8 @@ li {
     display:inline;
 }
 
-a.fsText {
+a {
     text-decoration: none;
-    color: var(--foreground-inactive);
-    transform: scale(1);
-    transition: background-color 0.2s, color 0.2s, transform 0.2s;
-}
-
-.fsText a {
-    text-decoration: none;
-    color: var(--foreground);
-}
-
-.fsText {
-    --font-size: 1.4em;
-    font-size: var(--font-size);
     color: var(--foreground);
 }