# PostCSS7 Overflow Overlay Pollify


一款自动为带有 'overflow: overlay' 属性的元素添加 'overflow: auto' 属性的 [PostCSS7] 插件。

```css
/* Input example */
.foo {
  overflow: overlay;
}

/* Output example */
.foo {
  overflow: overlay;
  overflow: auto;
}
```

## 🍳 使用方法

**Step 1:** 安装依赖:

```sh
npm install --save-dev postcss postcss7-overflow-overlay-pollify
```

**Step 2:** 配置插件:

```diff
module.exports = {
  plugins: {
+    'postcss7-overflow-overlay-pollify': {},
  },
};

```

## 📝 效果展示

```css
/* Input */
.foo {
  overflow-x: overlay;
}

/* Output */
.foo {
  overflow-x: overlay;
  overflow-x: auto;
}
```

```css
/* Input */
.foo {
  overflow: hidden overlay;
}

/* Output */
.foo {
  overflow: hidden overlay;
  overflow: hidden auto;
}
```

```css
/* Input */
.foo {
  overflow: overlay !important;
}

/* Output */
.foo {
  overflow: overlay !important;
  overflow: auto !important;
}
```

```css
/* Input */
.foo {
  overflow: overlay;
  overflow: scroll;
}

/* Output */
.foo {
  overflow: overlay;
  overflow: auto;
  overflow: scroll;
}
```

```css
/* Input */
.foo {
  overflow: overlay;
  overflow: overlay;
}

/* Output */
.foo {
  overflow: overlay;
  overflow: auto;
  overflow: overlay;
}
```