cklanac
8/1/2017 - 3:21 PM

VSCode Markdown Preview styles - help preview curriculum files

VSCode Markdown Preview styles - help preview curriculum files

readmd.md
content_copyfile_download
  • Rendered
  • Source

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

preview.css
content_copyfile_download
body {
    margin: 20px;
    max-width: 683px;
    padding: 67.5px 20px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 1.5;
}