From 4fe9bd3f400fb041055cd1c40b9a1e2798e13a27 Mon Sep 17 00:00:00 2001
From: Pradyun Gedam <pradyunsg@users.noreply.github.com>
Date: Wed, 2 Sep 2020 02:08:42 +0530
Subject: [PATCH] Fix how code blocks are stylized

The rounded corners were on the wrong elements when line numbers are
included.
---
 src/mawek/assets/styles/content/_block_elements.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/mawek/assets/styles/content/_block_elements.scss b/src/mawek/assets/styles/content/_block_elements.scss
index 60af8f3d0..154830798 100644
--- a/src/mawek/assets/styles/content/_block_elements.scss
+++ b/src/mawek/assets/styles/content/_block_elements.scss
@@ -70,6 +70,7 @@ pre {
     border-radius: 0.2rem;
     font-size: var(--code-font-size);
     background-color: var(--color-code-background);
+    color: var(--color-code-foreground);
   }
 }
 
@@ -95,6 +96,8 @@ pre {
     color: var(--color-code-foreground);
     padding: $code-spacing-vertical $code-spacing-horizontal;
     padding-right: 0;
+    border-top-left-radius: 0.2rem;
+    border-bottom-left-radius: 0.2rem;
   }
   .linenodiv {
     padding-right: 0.5rem;
@@ -107,6 +110,11 @@ pre {
     display: block;
     flex: 1;
     overflow: hidden;
+
+    .highlight {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
   }
 }