PostCSS plugin to transform percentage-based opacity values to more compatible floating-point values.
Using npm:
npm install --save-dev postcss postcss-opacity-percentageUsing yarn:
yarn add --dev postcss postcss-opacity-percentage/* Input */
.foo {
opacity: 45%;
}/* Output */
.foo {
opacity: 0.45;
}postcss([
require('postcss-opacity-percentage'),
]);See PostCSS documentation for examples for your environment.
If you are using postcss-preset-env@>=7.3.0, you already have this plugin installed via this package.
The preserve option determines whether the original percentage value is preserved. By default, it is not preserved.
// Keep the original notation
postcss([
require('postcss-opacity-percentage')({preserve: true}),
]);/* Input */
.foo {
opacity: 45%;
}/* Output */
.foo {
opacity: 0.45;
opacity: 45%;
}MIT © Marc Görtz
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent