PostCSS plugin to report warning messages right in your browser.

If a plugin before this one is throwning a warning, this plugin will append warning messages to html:before.

Put this plugin after all plugins if you want to cover all possible warnings:

postcss([
  require('other-plugin'),
  require('postcss-browser-reporter')
])

You can override selector that will be used to display messages:

var messages = require('postcss-browser-reporter')
postcss([
  messages({
    selector: 'body:before'
  })
])

You can override default styles applied to the selector:

var messages = require('postcss-browser-reporter')
postcss([
  messages({
    styles: {
      color: 'gray',
      'text-align': 'center'
    }
  })
])

See PostCSS docs for examples for your environment.

The MIT License