# PostCSS Overflow

<img align="right" width="135" height="95"
     title="Philosopher’s stone, logo of PostCSS"
     src="http://postcss.github.io/postcss/logo-leftp.svg">

[PostCSS] plugin for `overflow` shortcut to set `overflow-x` and `overflow-y` properties.

[![Build Status][ci-img]][ci]  [![npm-img]][npm]

[PostCSS]: https://github.com/postcss/postcss
[ci-img]:  https://travis-ci.org/Airkro/postcss-overflow.svg?branch=master
[ci]:      https://travis-ci.org/Airkro/postcss-overflow
[npm-img]: https://img.shields.io/badge/npm-1.1.5-blue.svg
[npm]:     https://www.npmjs.com/package/postcss-overflow

```css
/* before */

.two {
    overflow: hidden auto;
}
.one {
    overflow: auto;
}
* {
    overflow: * auto;
}

/* after */

.two {
    overflow-x: hidden;
    overflow-y: auto;
}
.one {
    overflow: auto;
}
* {
    overflow-y: auto;
}
```
## Install

```js
npm i postcss-overflow
```

## Usage

```js
postcss([ require('postcss-overflow') ])
```

forked from postcss/postcss-size , thanks.

See [PostCSS] docs for examples for your environment.