Skip to content

Instantly share code, notes, and snippets.

@cklanac
Last active August 1, 2017 15:39
Show Gist options
  • Save cklanac/b1a84f86469d9824c29489fecac412b3 to your computer and use it in GitHub Desktop.
Save cklanac/b1a84f86469d9824c29489fecac412b3 to your computer and use it in GitHub Desktop.
VSCode Markdown Preview styles - help preview curriculum files
body {
margin: 20px;
max-width: 683px;
padding: 67.5px 20px;
margin: 0 auto;
font-size: 20px;
line-height: 1.5;
}

The preview.css is used to help create previews for the Syllabus and Course materials.

In VS Code, update settings.json file to include the following:

...
"markdown.styles": [ 
		"https://dashboard.thinkful.com/static/build/main.css?8be7f2d85a",
		"https://rawgit.com/cklanac/b1a84f86469d9824c29489fecac412b3/raw/6431d942954c5bd0ad9b4b265c131108f65e0b27/preview.css"
	],
...

"https://dashboard.thinkful.com/static/build/main.css?8be7f2d85a" - is the main css for the syllabus "https://rawgit.com/cklanac/b1a84f86469d9824c29489fecac412b3/raw/6431d942954c5bd0ad9b4b265c131108f65e0b27/preview.css" - This is the raw version of the preview css which is run thru RawGit which adds the proper content-type headers

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment