PostCSS Overflow Overlay Pollify

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

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

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

🍳 使用方法

Step 1: 安装依赖:

npm install --save-dev postcss postcss-overflow-overlay-pollify

Step 2: 配置插件:

module.exports = {
  plugins: [
+   require('postcss-overflow-overlay-pollify'),
  ]
}

📝 效果展示

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

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

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

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

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

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

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

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

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

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