Coder Social home page Coder Social logo

markdown-css's Introduction

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/

markdown-css's People

Contributors

cscorley avatar simonlc avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

markdown-css's Issues

Git Link Does Not Return css Type

The suggested link does not work for firefox:

<link href="https://raw.github.com/clownfart/Markdown-CSS/master/markdown.css" rel="stylesheet"></link>

This problem is also discussed here,
http://stackoverflow.com/questions/6321864/remote-css-from-local-file-doesnt-work

I also tried to link it as:

<link href="https://raw.github.com/clownfart/Markdown-CSS/master/markdown.css" rel="stylesheet" type="text/css"></link>

It seems firefox ignore this attribute and uses 'text/plain' as is returned by Github..

Copy the file to other HTTP server works.

You may want to notify other firefox users on the homepage.

Overall speaking, the style sheet looks great! :)

Page break after avoid does not work

In the header tags (h2, h3), the page break after avoid does not work when printing. This is most likely because text that follows the header will be wrapped in the p tag.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.