poly-style
v1.2.0
Published
A JS function that takes a react-style object, and adds the values needed to make it compatible with older browsers ( so polyfilling css values )
Downloads
11
Readme
poly-style
poly-filling CSS attributes, for react style objects.
Updated for React v15. Poly-filling is now happening after attribute checking in the browser runtime. Only needed attributes are added.
example
var polyStyle = require('poly-style');
var styleObj = polyStyle({
display: 'flex',
flexDirection: 'column'
});
//...
<div style={styleObj}>
//...
</div>
/*
> styleObj
{
// if in IE for example
display: '-ms-flexbox',
flexDirection: 'column',
msFlexDirection: 'column'
}
*/
Attributes supported
- display: 'flex'
- flex
- order
- flex-direction
- align-items
- justify-content
- flex-wrap
- transform
- user-select