My Custom Obsidian CSS

I’m not a big fan of customizing my text editors, but sometimes there’s just no choice, because the defaults can make it hard to get work done. When using Obsidian, that includes the font, the font size (too small), and the width/placement of text in the editor. I put the following in .obsidian/snippets/obsidian.css inside the vault directory. The documentation claims you don’t need to restart the app, but that’s the only way I could get it to change (January 2021).

.cm-s-obsidian .CodeMirror-code * {
  font-family: Ubuntu;
  font-size: 18px;
}

.markdown-source-view.is-readable-line-width .CodeMirror, 
.markdown-preview-view.is-readable-line-width .markdown-preview-section {
max-width: 50vmax; /* 1vmax = 1% of the larger dimension*/
margin: auto;
}