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--- sass/abridge.scss | 33 +++++++++++++++++++++++++++------ 1 file changed, 27 insertions(+), 6 deletions(-) (limited to 'sass') 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