Plugin to display warning messages right in your browser
Switch branches/tags
Clone or download
Latest commit 54e4911 May 9, 2016
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
test show file path Apr 11, 2016
.gitignore
.npmignore
.travis.yml Init commit Mar 29, 2015
ChangeLog.md Renaming all the stuff to postcss-browser-reporter Jul 17, 2015
LICENSE Init commit Mar 29, 2015
README.md Typo in readme Jul 17, 2015
gulpfile.js
index.js show file path Apr 11, 2016
package.json Bump version of package May 9, 2016

README.md

PostCSS Browser Reporter Build Status

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.

Postcss-browser-reporter – warnings from other postcss plugins in your browser

Usage

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

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

Options

selector ({String}, default: html::before)

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

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

styles ({Object}, default: opinionated styles)

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.

License

The MIT License