var alternativeValues = { 'space-around': 'justify', 'space-between': 'justify', 'flex-start': 'start', 'flex-end': 'end', 'wrap-reverse': 'multiple', wrap: 'multiple' }; var alternativeProps = { alignItems: 'WebkitBoxAlign', justifyContent: 'WebkitBoxPack', flexWrap: 'WebkitBoxLines', flexGrow: 'WebkitBoxFlex' }; export default function flexboxOld(property, value, style) { if (property === 'flexDirection' && typeof value === 'string') { if (value.indexOf('column') > -1) { style.WebkitBoxOrient = 'vertical'; } else { style.WebkitBoxOrient = 'horizontal'; } if (value.indexOf('reverse') > -1) { style.WebkitBoxDirection = 'reverse'; } else { style.WebkitBoxDirection = 'normal'; } } if (alternativeProps.hasOwnProperty(property)) { style[alternativeProps[property]] = alternativeValues[value] || value; } }