From 954f5ac9bbf810bcb8c765a71271a6f7775738c3 Mon Sep 17 00:00:00 2001
From: Ahmed Abdelhalim <pm@a14m.dev>
Date: Tue, 1 Oct 2024 12:21:08 +0200
Subject: Update blog style and email

---
 assets/scss/web/_base.scss | 26 ++++++++++++++++++++++----
 assets/scss/web/_blog.scss | 19 ++++---------------
 2 files changed, 26 insertions(+), 19 deletions(-)

(limited to 'assets')

diff --git a/assets/scss/web/_base.scss b/assets/scss/web/_base.scss
index c6149a4..98f5880 100644
--- a/assets/scss/web/_base.scss
+++ b/assets/scss/web/_base.scss
@@ -1,5 +1,5 @@
 $secondaryColor: #DB0A16 !default;
-$linkColor: #FFDC00;
+$tertiaryColor: #FFDC00;
 
 @media (prefers-color-scheme: dark) {
   $primaryColor: #FFFFFF;
@@ -8,11 +8,11 @@ $linkColor: #FFDC00;
     background-color: #181818;
   }
   blockquote {
-    opacity: 0.6;
+    color: darken($primaryColor, 20%);
     border-color: darken($primaryColor, 60%);
   }
   a:hover {
-    text-decoration-color: $linkColor !important;
+    text-decoration-color: $tertiaryColor !important;
   }
 }
 
@@ -23,10 +23,11 @@ $linkColor: #FFDC00;
     background-color: #FFFFFF;
   }
   blockquote {
+    color: lighten($primaryColor, 40%);
     border-color: lighten($primaryColor, 80%);
   }
   a:hover {
-    background-color: $linkColor;
+    background-color: $tertiaryColor;
     text-decoration-color: $secondaryColor;
   }
 }
@@ -58,6 +59,16 @@ a {
   }
 }
 
+u {
+    text-decoration-thickness: 2px;
+    text-underline-offset: 2px;
+    color: inherit;
+}
+
+mark {
+  background-color: $tertiaryColor;
+}
+
 
 .section-header {
   font-size: 2.0rem;
@@ -81,3 +92,10 @@ a {
     flex: 100 0;
   }
 }
+
+footer {
+  margin-left: 0.5cm;
+  margin-right: 0.5cm;
+  margin-top: 1cm;
+  margin-bottom: 2cm;
+}
diff --git a/assets/scss/web/_blog.scss b/assets/scss/web/_blog.scss
index 0b98d8f..c671231 100644
--- a/assets/scss/web/_blog.scss
+++ b/assets/scss/web/_blog.scss
@@ -4,6 +4,10 @@
   margin-top: 1cm;
 }
 
+.blog__footer {
+  margin-bottom: 2cm;
+}
+
 .posts {
   font-size: 1.1rem;
   list-style: none;
@@ -25,24 +29,9 @@
 
 .post__date {
   font-weight: bold;
-  .post__date_short {
-    display: none;
-  }
-  .post__date_long {
-    display: inline;
-  }
-  @media (max-width: 780px) {
-    .post__date_short {
-      display: inline;
-    }
-    .post__date_long {
-      display: none;
-    }
-  }
 }
 
 .post__content {
-  margin-bottom: 2cm;
   h1, h2, h3, h4, h5, h6 {
     margin-bottom: 0px;
   }
-- 
cgit v1.2.3