Updating to Prism.js

So I decided to remove the messy CSS and HTML snippets to represent the code block and implement Prism. This led to deciding which format to prioritise and since I liked the asthetic of the orange border on the left and the smaller font size, I added some !important tags to overwrite the default.

The Changes

Here's the new version:

.site-nav a:hover {
    color: var(--color-orange);
    transition: color 0.2s;
}

Here's the original:

.site-nav a:hover {
    color: var(--color-orange);
    transition: color 0.2s;
}

This simple update wasn't without its challenges though. I ran into the font size issue and then fell into the trap of a rogue comment closer (*/)!