33 lines
893 B
JavaScript
33 lines
893 B
JavaScript
|
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;
|
||
|
|
}
|
||
|
|
}
|