Optional Full-width note (CSS)

Hi !

First contribution here. A little CSS snippet so you can have some notes with full-width just by adding a CSS class into the yaml frontmatter. (It just affects the preview.)

Required: disable the Options > Editor > Readble line breaks parameters.

The css snipset :
optional-full-width.css (220 Bytes)

.CodeMirror-lines, .CodeMirror-selected,  .markdown-preview-section {
  max-width: 700px;
  margin: auto;

.full-width .markdown-preview-section {
	max-width: 100% !important;

Yaml frontmatter: Just add cssclass: full-width if you want the note to be full-size.


Just what I needed. Thanks a bunch!