90 lines
2.4 KiB
JavaScript
90 lines
2.4 KiB
JavaScript
import variables from '../../common/styles/variables';
|
|
import { StyleSheet } from 'react-native';
|
|
export default {
|
|
container: {
|
|
flexDirection: 'row',
|
|
width: 136,
|
|
alignItems: 'center'
|
|
},
|
|
ctrl: {
|
|
width: 30,
|
|
height: 30,
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
backgroundColor: variables.mtdBrandPrimary,
|
|
borderRadius: variables.mtdRadiusXS
|
|
},
|
|
squareSolid: {
|
|
borderRadius: 4
|
|
},
|
|
circularHollow: {
|
|
backgroundColor: 'transparent',
|
|
borderWidth: StyleSheet.hairlineWidth,
|
|
borderColor: variables.mtdBrandPrimary
|
|
},
|
|
squareHollow: {
|
|
borderRadius: 4,
|
|
backgroundColor: 'transparent',
|
|
borderWidth: StyleSheet.hairlineWidth,
|
|
borderColor: variables.mtdBrandPrimary
|
|
},
|
|
squareJoinHollowLeft: {
|
|
borderTopLeftRadius: 4,
|
|
borderBottomLeftRadius: 4,
|
|
borderTopRightRadius: 0,
|
|
borderBottomRightRadius: 0,
|
|
backgroundColor: 'transparent',
|
|
borderWidth: StyleSheet.hairlineWidth,
|
|
borderColor: variables.mtdBrandPrimary
|
|
},
|
|
squareJoinHollowRight: {
|
|
borderTopLeftRadius: 0,
|
|
borderBottomLeftRadius: 0,
|
|
borderTopRightRadius: 4,
|
|
borderBottomRightRadius: 4,
|
|
backgroundColor: 'transparent',
|
|
borderWidth: StyleSheet.hairlineWidth,
|
|
borderColor: variables.mtdBrandPrimary
|
|
},
|
|
ctrlSymbolHor: {
|
|
width: 10,
|
|
height: 2,
|
|
backgroundColor: '#fff',
|
|
borderRadius: 2
|
|
},
|
|
ctrlSymboVer: {
|
|
position: 'absolute',
|
|
width: 2,
|
|
height: 10,
|
|
backgroundColor: '#fff',
|
|
borderRadius: 2
|
|
},
|
|
ctrlSymbolSolid: {
|
|
backgroundColor: variables.mtdBrandPrimary
|
|
},
|
|
ctrlText: {
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
fontSize: 28,
|
|
color: '#fff',
|
|
borderRadius: 100
|
|
},
|
|
input: {
|
|
flex: 1,
|
|
textAlign: 'center',
|
|
fontSize: 14,
|
|
color: variables.mtdGrayBase,
|
|
textAlignVertical: 'center'
|
|
},
|
|
inputWithBorder: {
|
|
borderTopColor: variables.mtdBrandPrimary,
|
|
borderTopWidth: StyleSheet.hairlineWidth,
|
|
borderBottomColor: variables.mtdBrandPrimary,
|
|
borderBottomWidth: StyleSheet.hairlineWidth
|
|
},
|
|
disabled: {
|
|
opacity: variables.mtdOpacity
|
|
}
|
|
};
|
|
//# sourceMappingURL=styles.js.map
|