Tim Glasgow
2 years ago
1 changed files with 65 additions and 0 deletions
@ -0,0 +1,65 @@ |
|||||
|
import { StyleSheet } from "react-native"; |
||||
|
import * as colors from '../../themes/Colors'; |
||||
|
import * as fonts from '../../themes/Fonts'; |
||||
|
import * as metrics from '../../themes/Metrics'; |
||||
|
|
||||
|
export const styles = StyleSheet.create({ |
||||
|
flex: {flex: 1}, |
||||
|
flexDouble: {flex: 2}, |
||||
|
flexTriple: {flex: 3}, |
||||
|
flexHalf: {flex: 0.5}, |
||||
|
flexThird: {flex: 0.33}, |
||||
|
flexTwoThirds: {flex: 0.67}, |
||||
|
flexRow: {flexDirection: 'row'}, |
||||
|
flexColumn: {flexDirection: 'column'}, |
||||
|
flexWrap: {flexWrap: 'wrap'}, |
||||
|
flexShrink: {flexShrink: 1}, |
||||
|
|
||||
|
centeredJustify: {justifyContent: 'center'}, |
||||
|
centeredItems: {alignItems: 'center'}, |
||||
|
centeredContent: {alignContent: 'center'}, |
||||
|
centeredSelf: {alignSelf: 'center'}, |
||||
|
|
||||
|
startAlign: {alignSelf: 'flex-start'}, |
||||
|
endAlign: {alignSelf: 'flex-end'}, |
||||
|
startJustify: {justifyContent: 'flex-start'}, |
||||
|
endJustify: {justifyContent: 'flex-end'}, |
||||
|
|
||||
|
stretch: {alignSelf: 'stretch'}, |
||||
|
absolute: { |
||||
|
position: 'absolute', |
||||
|
top: metrics.screenSections.headerHeight, |
||||
|
bottom: 0, |
||||
|
left: 0, |
||||
|
right: 0, |
||||
|
}, |
||||
|
|
||||
|
spaceBetween: {justifyContent: 'space-between'}, |
||||
|
spaceEvenly: {justifyContent: 'space-evenly'}, |
||||
|
spaceAround: {justifyContent: 'space-around'}, |
||||
|
|
||||
|
centeredText: {textAlign: 'center'}, |
||||
|
rightText: {textAlign: 'right'}, |
||||
|
leftText: {textAlign: 'left'}, |
||||
|
|
||||
|
headerTitleFont: {fontSize: fonts.headerTitle.size}, |
||||
|
largeFont: {fontSize: fonts.large.size}, |
||||
|
mediumFont: {fontSize: fonts.medium.size}, |
||||
|
smallFont: {fontSize: fonts.small.size}, |
||||
|
tinyFont: {fontSize: fonts.tiny.size}, |
||||
|
subFont: {fontSize: fonts.subFont.size}, |
||||
|
tickFont: {fontSize: fonts.tickFont.size}, |
||||
|
|
||||
|
italic: {fontStyle: 'italic'}, |
||||
|
greyText: {color: colors.material.grey600}, |
||||
|
redText: {color: colors.material.red800}, |
||||
|
blueText: {color: colors.material.blue400}, |
||||
|
boldText: {fontWeight: 'bold'}, |
||||
|
|
||||
|
lightText: {color: colors.impulseColors.lightText}, |
||||
|
darkText: {color: colors.impulseColors.black}, |
||||
|
|
||||
|
body: { |
||||
|
backgroundColor: colors.material.light, |
||||
|
} |
||||
|
}) |
Loading…
Reference in new issue