Skip to content

simonlc/Markdown-CSS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

16 Commits
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Markdown CSS

This is a simple style with normalized defaults, it should work on anything from a desktop, to a phone.

View the live preview here: http://simon.lc/sites/markdown/.

How to use

Add this to the top of your markdown file

<link href="/path/to/markdown.css" rel="stylesheet"></link>

Editing

With Markdown CSS, I decided to base all the size off the body font-size. Simply changing the body font size will also change the heading's size, body width, etc.

Since the CSS also uses media queries, it might also be necessary to change the body font-size for your purposes. I do not have any cool phones or tablets, so the extent of my testing was done by resizing my browser window.

Print

Also included is a printing media query. It has not been tested yet, and mainly uses HTML5 Boilerplate defaults.

Credits

  • HTML5 Boilerplate - For normalize.css and media queries.
  • Various other web resources for inspiration.

License

copyleft

http://unlicense.org/