wysiwyg.css (collection of styles)


Style your TinyMCE or Markdown generated content with a single CSS class, wysiwyg.css file is a simple collection of styles targeted at HTML elements generated from a WYSIWYG editor (like TinyMCE) or Markdown. Its purpose are:

  • readability: both the spacing and colors are visually balanced
  • simplicity: you only need a single class to style all elements
  • extensibility: you can easily customise the output thanks to variables

In order to blend in gracefully with your design, the wysiwyg container will inherit colors (for text, headings and links) and typography (font family, size and smoothing). wysiwyg.css is written in Sass and comes with a list of variables and options.