Optional Full-width note (CSS)

Share & showcase
,
#1

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.)

full-width
full-width1856×1256 158 KB

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.

6 Likes
#2

Just what I needed. Thanks a bunch!