From d5acabc16efa72a0a86d1c87d85ab2b63d9d7c7a Mon Sep 17 00:00:00 2001
From: Hysterelius
Date: Fri, 9 Aug 2024 12:36:44 +1000
Subject: Fix syntax highlighting (#187)

* Fix syntax highlighting

* Add toggle for rounded corners---
 COPY-TO-ROOT-SASS/abridge.scss  |  1 +
 content/overview-code-blocks.md |  2 +-
 sass/abridge.scss               | 33 +++++++++++++++++++++++++++------
 3 files changed, 29 insertions(+), 7 deletions(-)

diff --git a/COPY-TO-ROOT-SASS/abridge.scss b/COPY-TO-ROOT-SASS/abridge.scss
index 78be0cf..03a2709 100644
--- a/COPY-TO-ROOT-SASS/abridge.scss
+++ b/COPY-TO-ROOT-SASS/abridge.scss
@@ -193,6 +193,7 @@
   //$misc: false,
   //$grid: true,//Infinity Grid, column based layouts.
   //$syntax: true,//syntax highlighting for code blocks
+  // $coderoundhighlight: false,//round corners on highlighted code blocks
 );
 @use "extra";
 /******************************************************************************
diff --git a/content/overview-code-blocks.md b/content/overview-code-blocks.md
index 4dc0905..f92e092 100644
--- a/content/overview-code-blocks.md
+++ b/content/overview-code-blocks.md
@@ -68,7 +68,7 @@ fn main() {
 ```
 
 ### Bash
-```bash
+```bash,hl_lines=5
 #!/bin/bash
 for d in /sys/kernel/iommu_groups/*/devices/*; do
   n=${d#*/iommu_groups/*}; n=${n%%/*}
diff --git a/sass/abridge.scss b/sass/abridge.scss
index f625a2f..b968a98 100644
--- a/sass/abridge.scss
+++ b/sass/abridge.scss
@@ -223,6 +223,7 @@ $imgswap: true !default;//Image Swap on hover/click
 $misc: false !default;
 $grid: true !default;//Infinity Grid, column based layouts.
 $syntax: true !default;//syntax highlighting for code blocks
+$coderoundhighlight: false !default;//round corners on highlighted code blocks
 
 
 /******************************************************************************
@@ -933,12 +934,32 @@ $syntax: true !default;//syntax highlighting for code blocks
       margin: 0;
       // Highlighted text
       color: var(--h1);
-      mark {
-        display: block;
-        color: unset;
-        padding: 0;
-        background-color: var(--h0);
-        filter: brightness(var(--ha));
+      @if $coderoundhighlight {
+        mark {
+          border-radius: unset;
+        }
+        td:first-child {
+          mark {
+            border-top-left-radius: var(--br);
+            border-bottom-left-radius: var(--br);
+          }
+        }
+        td:last-child {
+          mark {
+            border-top-right-radius: var(--br);
+            border-bottom-right-radius: var(--br);
+          }
+      }
+      }
+    }
+    mark {
+      display: block;
+      color: unset;
+      padding: 0;
+      background-color: var(--h0);
+      filter: brightness(var(--ha));
+      @if $coderoundhighlight {
+        border-radius: var(--br);
       }
     }
     td, th, tr {
-- 
cgit v1.3.1