Localise Notes to nl-NL (Dutch)

[Martien]

What is the best way to localise Notes to nl-NL (Dutch), in addition to the original English version?

E.g. I’d like to add .waarschuwing, which inherits all of .warning, but uses .waarschuwing::before {content: "Waarschuwing";} in order to use a styled container like ::: waarschuwing.

My first idea is to create a local copy of src/style/note.css.

Please tell me if there is a more appropriate and evolvable way.

[mootari]

You can use the :lang() selector and lang attribute: https://developer.mozilla.org/en-US/docs/Web/CSS/:lang

<style>
  .note:lang(de)::before {content: "Hinweis"}
</style>

<div class="note">This is a note.</div>

<div class="note" lang="de">Dies ist ein Hinweis.</div>

[Martien]

🎉 Wonderful! 🙏Thank you. Very elegant. Learned something again.

Have a nice day.