diff options
| author | Hysterelius | 2024-08-09 12:36:44 +1000 |
|---|---|---|
| committer | GitHub | 2024-08-08 19:36:44 -0700 |
| commit | d5acabc16efa72a0a86d1c87d85ab2b63d9d7c7a (patch) | |
| tree | 23270afa4da0619017b34548282a3f05a6199031 | |
| parent | 75cd405860f3ac8e2990b160375bc571a50b45f9 (diff) | |
| download | abridge-d5acabc16efa72a0a86d1c87d85ab2b63d9d7c7a.tar.gz abridge-d5acabc16efa72a0a86d1c87d85ab2b63d9d7c7a.tar.bz2 abridge-d5acabc16efa72a0a86d1c87d85ab2b63d9d7c7a.zip | |
Fix syntax highlighting (#187)
* Fix syntax highlighting
* Add toggle for rounded corners
| -rw-r--r-- | COPY-TO-ROOT-SASS/abridge.scss | 1 | ||||
| -rw-r--r-- | content/overview-code-blocks.md | 2 | ||||
| -rw-r--r-- | 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 { |