43 lines
828 B
JavaScript
43 lines
828 B
JavaScript
|
import style from './style';
|
||
|
|
import compose from './compose';
|
||
|
|
|
||
|
|
function transform(value) {
|
||
|
|
return value <= 1 ? `${value * 100}%` : value;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const width = style({
|
||
|
|
prop: 'width',
|
||
|
|
transform
|
||
|
|
});
|
||
|
|
export const maxWidth = style({
|
||
|
|
prop: 'maxWidth',
|
||
|
|
transform
|
||
|
|
});
|
||
|
|
export const minWidth = style({
|
||
|
|
prop: 'minWidth',
|
||
|
|
transform
|
||
|
|
});
|
||
|
|
export const height = style({
|
||
|
|
prop: 'height',
|
||
|
|
transform
|
||
|
|
});
|
||
|
|
export const maxHeight = style({
|
||
|
|
prop: 'maxHeight',
|
||
|
|
transform
|
||
|
|
});
|
||
|
|
export const minHeight = style({
|
||
|
|
prop: 'minHeight',
|
||
|
|
transform
|
||
|
|
});
|
||
|
|
export const sizeWidth = style({
|
||
|
|
prop: 'size',
|
||
|
|
cssProperty: 'width',
|
||
|
|
transform
|
||
|
|
});
|
||
|
|
export const sizeHeight = style({
|
||
|
|
prop: 'size',
|
||
|
|
cssProperty: 'height',
|
||
|
|
transform
|
||
|
|
});
|
||
|
|
const sizing = compose(width, maxWidth, minWidth, height, maxHeight, minHeight);
|
||
|
|
export default sizing;
|