EditorStyles

Scaffold styles and variables for markdown, WordPress entry content, etc.

Demo

https://editorstyles.github.io/

Install

With npm:

$ npm install --save editorstyles

Or, download manually:

Import

Sass (example of GitHub):

@import 'node_modules/editorstyles/github';

Node-sass (example of GitHub):

1. If you’re using Eyeglass, skip to Step 2. Otherwise, you’ll need to add EditorStyles to your node-sass includePaths option. require("editorstyles").includePaths is an array of directories that you should pass to node-sass. How you do this depends on how node-sass is integrated into your project.

2. Import EditorStyles into your Sass files:

   @import "github";

CSS:

<link rel="stylesheet" href="github.css">

Usage

Add a editorstyle class to the container of the markdown body or WordPress entry content.

<div class="editorstyle">
    <h1>This is an H1</h1>
    <p>This is a paragraph.</p>
    <ul>
        <li>This is a list item.</li>
        <li>This is a list item.</li>
    </ul>
</div>

Copyright / License

Copyright © 2016 the contributors of the EditorStyles project under the MIT License.