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/web/_base.scss |  4 ++--
 assets/scss/web/_blog.scss | 27 +++++++++++++++++++++++++++
 2 files changed, 29 insertions(+), 2 deletions(-)
 create mode 100644 assets/scss/web/_blog.scss

(limited to 'assets/scss/web')

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