Custom CSS for note display

I love that the display of notes can have custom CSS.

I use a large monitor (27-inch) so have some simple CSS to:

  • Cap the line length for readability.
  • Use clamp to have the font size increase/decrease based on note width, along with max and min values, so things don’t get out of hand.
  • Left and right auto margins to centre the note.

You can view a small video of this in action should it interest anyone.


Very cool! Thanks for making and sharing the video!