Fix how code blocks are stylized

The rounded corners were on the wrong elements when line numbers are included.
NJITICC · Sep 1, 2020 · 4fe9bd3 · 4fe9bd3
1 parent be7a5b0
commit 4fe9bd3
Showing 1 changed file with 8 additions and 0 deletions.
diff --git 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;
+    }
   }
 }