postcss-old-safari-logical-properties-polyfill
v1.0.1
Published
PostCSS plugin that polyfill W3C's CSS proposal to support logical properties and values
Maintainers
Readme
PostCSS Old Safari Logical Properties Polyfill
PostCSS plugin that polyfill logical properties that are not supported in Safari 12–14:
- inset-*
- inset-block-start
- inset-block-end
- inset-inline-start
- inset-inline-end
- logical border-radius:
- border-start-start-radius
- border-start-end-radius
- border-end-start-radius
- border-end-end-radius
Install
Npm:
npm install -D postcss-old-safari-logical-properties-polyfillYarn:
yarn add -D postcss-old-safari-logical-properties-polyfillUsage
See PostCSS docs for examples how to enable the plugin for your environment. Use postcss-old-safari-logical-properties-polyfill instead of postcss-plugin in the examples.
The plugin supports options listed below.
const pluginOptions = {
preserve: true, // If set to false, polyfilled properties will be removed
}Known issues
- May lead to infinite loop with
preserve: true. - Unnecessary ltr/rtl duplication for
top/bottomrules.
