Fix syntax highlighting (#187)

* Fix syntax highlighting * Add toggle for rounded corners
Jieiku · Aug 9, 2024 · d5acabc · d5acabc
1 parent 75cd405
commit d5acabc
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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 {