From fb055750af96963beec4b5e46d01bdaec2ca881c Mon Sep 17 00:00:00 2001
From: Ahmed Abdelhalim <pm@a14m.dev>
Date: Wed, 28 Feb 2024 02:38:17 +0200
Subject: Update style and include blog style sheet

---
 assets/scss/print/_header.scss |  2 +-
 assets/scss/web.scss           |  2 +-
 assets/scss/web/_base.scss     |  4 ++--
 assets/scss/web/_blog.scss     | 27 +++++++++++++++++++++++++++
 4 files changed, 31 insertions(+), 4 deletions(-)
 create mode 100644 assets/scss/web/_blog.scss

(limited to 'assets/scss')

diff --git a/assets/scss/print/_header.scss b/assets/scss/print/_header.scss
index 9f82e9e..0fef039 100644
--- a/assets/scss/print/_header.scss
+++ b/assets/scss/print/_header.scss
@@ -9,12 +9,12 @@
 .header__srht,
 .header__github,
 .header__stackoverflow,
+.header__blog,
 .header__linkedin {
   display: inline;
   font-size: 8pt;
 }
 
-.header__blog,
 .header__pgp {
   display: none;
 }
diff --git a/assets/scss/web.scss b/assets/scss/web.scss
index 72f80a1..042d5b9 100644
--- a/assets/scss/web.scss
+++ b/assets/scss/web.scss
@@ -1,3 +1,3 @@
 $secondaryColor: #DB0A16;
 @import "web/base", "web/header", "web/summary", "web/skills",
-  "web/work", "web/projects", "web/education"
+  "web/work", "web/projects", "web/education", "web/blog"
diff --git a/assets/scss/web/_base.scss b/assets/scss/web/_base.scss
index a47c7f1..08f4bfa 100644
--- a/assets/scss/web/_base.scss
+++ b/assets/scss/web/_base.scss
@@ -27,8 +27,8 @@ body {
 }
 
 main {
-  margin-left: 1cm;
-  margin-right: 1cm;
+  margin-left: 2cm;
+  margin-right: 2cm;
 }
 
 a:link, a:visited, a:hover, a:active {
diff --git a/assets/scss/web/_blog.scss b/assets/scss/web/_blog.scss
new file mode 100644
index 0000000..e0fcd5b
--- /dev/null
+++ b/assets/scss/web/_blog.scss
@@ -0,0 +1,27 @@
+.blog__header {
+  font-size: 2.4rem;
+  font-weight: 900;
+  margin-top: 1cm;
+}
+
+.posts {
+  font-size: 1.2rem;
+}
+
+.post__link {
+  &:link {
+    text-decoration: none;
+  }
+  &:hover {
+    text-decoration: underline;
+    text-decoration-color: $secondaryColor;
+    text-decoration-thickness: 2px;
+    text-underline-offset: 2px;
+  }
+}
+
+.post__content {
+  h1, h2, h3, h4, h5, h6 {
+    margin-bottom: 0px;
+  }
+}
-- 
cgit v1.2.3