# postcss-browser-reporter

**Repository Path**: mirrors_Semigradsky/postcss-browser-reporter

## Basic Information

- **Project Name**: postcss-browser-reporter
- **Description**: Plugin to display warning messages right in your browser
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-25
- **Last Updated**: 2026-03-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# PostCSS Browser Reporter [![Build Status](https://travis-ci.org/postcss/postcss-browser-reporter.svg)](https://travis-ci.org/postcss/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`.

![Postcss-browser-reporter – warnings from other postcss plugins in your browser](http://postcss.github.io/postcss-browser-reporter/screenshot.png)

## Usage

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

```js
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:

```js
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:

```js
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

[PostCSS]: https://github.com/postcss/postcss