postcss/postcss-browser-reporter

Name: postcss-browser-reporter

Owner: PostCSS

Description: Plugin to display warning messages right in your browser

Created: 2015-03-29 19:49:38.0

Updated: 2018-05-23 12:07:30.0

Pushed: 2017-06-27 12:31:10.0

Homepage:

Size: 194

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

PostCSS Browser Reporter

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.

Usage

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

css([
quire('other-plugin'),
quire('postcss-browser-reporter')

Options

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

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

messages = require('postcss-browser-reporter')
css([
ssages({
selector: 'body:before'

styles ({Object}, default: opinionated styles)

You can override default styles applied to the selector:

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

See PostCSS docs for examples for your environment.

License

The MIT License