@mujo/box
Version:
A React utility to add a style guide to primative components
248 lines (247 loc) • 4.62 kB
TypeScript
export declare const flexStyles: {
display: {
flex: {
display: string;
};
block: {
display: string;
};
};
flexDirection: {
row: {
flexDirection: string;
};
column: {
flexDirection: string;
};
rowReverse: {
flexDirection: string;
};
columnReverse: {
flexDirection: string;
};
};
justifyContent: {
flexStart: {
justifyContent: string;
};
flexEnd: {
justifyContent: string;
};
streach: {
justifyContent: string;
};
center: {
justifyContent: string;
};
spaceBetween: {
justifyContent: string;
};
spaceAround: {
justifyContent: string;
};
spaceEvenly: {
justifyContent: string;
};
};
alignItems: {
flexStart: {
alignItems: string;
};
flexEnd: {
alignItems: string;
};
streach: {
alignItems: string;
};
center: {
alignItems: string;
};
spaceBetween: {
alignItems: string;
};
spaceAround: {
alignItems: string;
};
spaceEvenly: {
alignItems: string;
};
};
alignSelf: {
flexStart: {
alignSelf: string;
};
flexEnd: {
alignSelf: string;
};
streach: {
alignSelf: string;
};
center: {
alignSelf: string;
};
spaceBetween: {
alignSelf: string;
};
spaceAround: {
alignSelf: string;
};
spaceEvenly: {
alignSelf: string;
};
};
flex: {
auto: {
flex: string;
};
0: {
flex: number;
};
1: {
flex: number;
};
2: {
flex: number;
};
3: {
flex: number;
};
4: {
flex: number;
};
5: {
flex: number;
};
6: {
flex: number;
};
7: {
flex: number;
};
8: {
flex: number;
};
9: {
flex: number;
};
10: {
flex: number;
};
};
flexShrink: {
0: {
flexShrink: number;
};
1: {
flexShrink: number;
};
2: {
flexShrink: number;
};
3: {
flexShrink: number;
};
4: {
flexShrink: number;
};
5: {
flexShrink: number;
};
6: {
flexShrink: number;
};
7: {
flexShrink: number;
};
8: {
flexShrink: number;
};
9: {
flexShrink: number;
};
10: {
flexShrink: number;
};
};
flexGrow: {
0: {
flexGrow: number;
};
1: {
flexGrow: number;
};
2: {
flexGrow: number;
};
3: {
flexGrow: number;
};
4: {
flexGrow: number;
};
5: {
flexGrow: number;
};
6: {
flexGrow: number;
};
7: {
flexGrow: number;
};
8: {
flexGrow: number;
};
9: {
flexGrow: number;
};
10: {
flexGrow: number;
};
};
flexBasis: {
0: {
flexBasis: number;
};
1: {
flexBasis: number;
};
2: {
flexBasis: number;
};
3: {
flexBasis: number;
};
4: {
flexBasis: number;
};
5: {
flexBasis: number;
};
6: {
flexBasis: number;
};
7: {
flexBasis: number;
};
8: {
flexBasis: number;
};
9: {
flexBasis: number;
};
10: {
flexBasis: number;
};
};
flexWrap: {
wrap: {
flexWrap: string;
};
nowrap: {
flexWrap: string;
};
wrapReverse: {
flexWrap: string;
};
};
};