Is there a way to define per-page CSS?

[ofek]

Basically, I'm using Fira Code:

code { font-family: 'Fira Code', monospace; }

@supports (font-variation-settings: normal) {
  code { font-family: 'Fira Code VF', monospace; }
}

and on one particular page I need to disable ligatures in order to document the behavior of various version selection operators. Right now I'm doing this:

:root {
  font-variant-ligatures: none;
}

[squidfunk]

Just add it as an inline style to your Markdown file.

<style>
  :root {
    font-variant-ligatures: none;
  }
</style>

[ofek]

Wow, thanks!

[squidfunk]

Short and simple 😉