Fix syntax highlighting

[Hysterelius]

Currently if you try and highlight a line without line numbers, you get this:

So, I have fixed the scss to make it work on both styles of code blocks, I have also added some css to make nice rounded corners.

But this rounded corners css does kind of mess up how it looks - so I am happy if you want to get rid of it.

[netlify]

✅ Deploy Preview for abridge ready!

Name	Link
🔨 Latest commit	8c615af
🔍 Latest deploy log	https://app.netlify.com/sites/abridge/deploys/66b534ae2b5a950008e4e425
😎 Deploy Preview	https://deploy-preview-187--abridge.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Jieiku]

I would prefer this fix without the rounded corners for my own blog, but others might want this.

So I say to either remove the rounded corners or set an option for it in scss (maybe coderoundhighlight)

To add an option:

abridge/sass/abridge.scss

Line 212 in 904847f

$code: true !default;//codeblocks, code, pre, kbd

abridge/sass/abridge.scss

Line 878 in 904847f

@if $code {

Then you also need to add the same option in the overrides file:

abridge/COPY-TO-ROOT-SASS/abridge.scss

Line 183 in 904847f

//$code: true,//codeblocks, code, pre, kbd

If you add an option, make the default that the rounded corners are off, which will result in a smaller/lighter abridge.css once compiled, then users can add the rounded corners if they like. The option could also be mentioned in https://github.com/Jieiku/abridge/blob/master/content/overview-code-blocks.md

Thanks for finding this issue, I did not think to check highlighting without line numbers when I was implementing this.

[Jieiku]

I think once this is in I will draft a new abridge release, the last release was based on Zola 0.18.0