postcss-easywyg-describe
A plugin for PostCSS.
Parse special Easywyg comments placed in CSS file and generate JSON output. Using this JSON Easywyg will generate dropdown style menu for you.
Install
npm install postcss-easywyg-describe
Usage
How Easywyg comments looks like?
See https://github.com/easywyg/content-styles for details.
/*! Name: Paragraph * Group: Paragraphs */ /*! Name: Centered Paragraph * Group: Paragraphs */ /*! Name: Bigger Paragraph * Group: Paragraphs */ /*! Name: Right Aligned Paragraph * Group: Paragraphs */ /*! Name: Heading H1 * Group: Paragraphs */ /*! Name: Heading H2 * Group: Paragraphs */ /*! Name: Heading H3 * Group: Paragraphs */ /*! Name: Heading H4 * Group: Paragraphs */ /*! Name: Heading H5 * Group: Paragraphs */ /*! Name: Heading H6 * Group: Paragraphs */ /*! Name: Headline * Group: Paragraphs */ /*! Name: Blockquote * Group: Paragraphs */ /*! Name: Annotation * Group: Paragraphs */ /*! Name: Preformatted Text * Group: Paragraphs */ /*! Name: Bold * Group: Formatting */ /*! Name: Italic * Group: Formatting */ /*! Name: Strike * Group: Formatting */ /*! Name: Underline * Group: Formatting */ /*! Name: Quote * Group: Formatting */ /*! Name: Code * Group: Formatting */ /*! Name: Address * Group: Formatting */ /*! Name: Subscript * Group: Formatting */ /*! Name: Superscript * Group: Formatting */ /*! Name: Smaller Text * Group: Formatting */ /*! Name: Variable or Formula * Group: Formatting */ /*! Name: Sample Text * Group: Formatting */