css VSCode Markdown预览样式 - 帮助预览课程文件

Posted 2021-05-13

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](https://rawgit.com/) which adds the proper content-type headers

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