From 74c0a85e94aaafbb980591c863ba0ddd49458518 Mon Sep 17 00:00:00 2001
From: L3D <l3d@c3woc.de>
Date: Tue, 26 Apr 2022 20:53:43 +0200
Subject: [PATCH] minimal css tweaks

---
 assets/scss/_events.scss | 24 +++++++++++++++++++++---
 assets/scss/_page.scss   | 25 +++++++++++++++++++++++--
 2 files changed, 44 insertions(+), 5 deletions(-)

diff --git a/assets/scss/_events.scss b/assets/scss/_events.scss
index 9d6d26f..1a0110d 100644
--- a/assets/scss/_events.scss
+++ b/assets/scss/_events.scss
@@ -2,14 +2,17 @@ div.events {
     margin: 0 auto;
     padding: 20px 30px;
     background: transparent;
-    p {
+
+    p, ul li {
       color: $font_default;
       font-size: $font_size_default;
     }
+
     a, a:link, a:visited {
         text-decoration: none;
         color: $font_accent_4;
     }
+
     a:hover, a:active {
        color: $font_accent_3;
     }
@@ -18,26 +21,41 @@ div.events {
       color: $font_accent_4;
       font-size: $font_size_code;
     }
+
     .headline a {
         color: $font_accent_3;
         font-size: $font_size_h2;
         text-shadow: 0px 0px 1px black;
         text-decoration: none;
     }
+
     .meta {
         color: silver;
         font-style: italic;
     }
+
+    ul li {
+        padding: 5px 0px;
+    }
+
     .blog-post {
         background: rgba(128,128,128,0.15);
         padding: 16px;
         margin-top: 50px;
         box-shadow: 0px 0px 2px 8px rgba(128,128,128,0.1);
+        ul li a {
+            color: $font_default;
+        }
+        ul li a:hover {
+            text-decoration: underline;
+        }
     }
+
     h2 {
         color: $font_accent_3;
         text-shadow: 0px 0px 1px black;
     }
+
     img {
         max-width: 94%;
         margin: 3%;
@@ -48,7 +66,7 @@ div.events {
 @media (min-width: $large_view) {
     div.events {
         max-width: $large_min_width;
-        p {
+        p, ul {
             font-size: $font_size_default_large;
         }
         .headline a {
@@ -65,7 +83,7 @@ div.events {
 
 @media (max-width: $mobile_view) {
     div.events {
-        p {
+        p, ul {
             font-size: $font_size_default_mobile;
         }
         img {
diff --git a/assets/scss/_page.scss b/assets/scss/_page.scss
index 170bde7..cdbf208 100644
--- a/assets/scss/_page.scss
+++ b/assets/scss/_page.scss
@@ -2,11 +2,15 @@ div.page {
     margin: 0 auto;
     padding: 20px 30px;
     background: transparent;
-    p, code{
+    p, ul li {
       color: $font_default;
       font-size: $font_size_default;
     }
 
+    code {
+      color: $font_default;
+    }
+
     a, a:link, a:visited, a:active {
         color: $font_default;
     }
@@ -24,18 +28,30 @@ div.page {
     img {
         max-width: 100%;
     }
+
+    ul li {
+        padding: 5px 0px;
+    }
+
+    .highlight {
+        color: $font_accent_4;
+        font-size: $font_size_code;
+    }
 }
 
 @media (min-width: $large_view) {
     div.page {
         margin: auto;
         max-width: $large_min_width;
-        p {
+
+        p, ul li {
             font-size: $font_size_default_large;
         }
+
         h1 {
             font-size: $font_size_h1_large;
         }
+
         h2 {
             font-size: $font_size_h2_large;
         }
@@ -44,18 +60,23 @@ div.page {
 
 @media (max-width: $mobile_view) {
     div.page {
+
         p, a{
           font-size: $font_size_default_mobile;
         }
+
         code {
             font-size: $font_size_code_mobile;
         }
+
         img {
             max-width: 90%;
         }
+
         h1 {
             font-size: $font_size_h1_mobile;
         }
+
         h2 {
             font-size: $font_size_h2_mobile;
         }