diff options
Diffstat (limited to 'node_modules/postcss-opacity/README.md')
| -rw-r--r-- | node_modules/postcss-opacity/README.md | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/node_modules/postcss-opacity/README.md b/node_modules/postcss-opacity/README.md new file mode 100644 index 00000000..d8ec17c4 --- /dev/null +++ b/node_modules/postcss-opacity/README.md @@ -0,0 +1,65 @@ +# PostCSS Opacity [](https://travis-ci.org/iamvdo/postcss-opacity) + +[PostCSS](https://github.com/postcss/postcss) plugin that adds support for legacy browser opacity alternatives. + +## Example +```js +postcss([ + require('postcss-opacity') +]) +``` + +```css +/* Input example */ +.foo { + opacity: .5; +} +``` + +```css +/* Output example */ +.foo { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + opacity: .5; +} +``` + +## Legacy +Support for IE 5-7, Safari 1.X, Netscape + +```js +postcss([ + require('postcss-opacity')({ + legacy: true + }) +]) +``` + +```css +/* Input example */ +.foo { + opacity: .5; +} +``` + +```css +/* Output example */ +.foo { + /* IE 8 */ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + + /* IE 5-7 */ + filter: alpha(opacity=50); + + /* Netscape */ + -moz-opacity: .5; + + /* Safari 1.x */ + -khtml-opacity: .5; + + /* Modern browsers */ + opacity: .5; +} +``` + +See [PostCSS](https://github.com/postcss/postcss) docs for examples for your environment. |
