2019-06-25 22:20:24 +02:00
|
|
|
// @flow
|
|
|
|
|
2020-01-28 20:07:21 +01:00
|
|
|
import variable from './../variables/platform';
|
2019-06-25 22:20:24 +02:00
|
|
|
|
2020-01-28 20:07:21 +01:00
|
|
|
export default (variables /* : * */ = variable) => {
|
2019-06-25 22:20:24 +02:00
|
|
|
const checkBoxTheme = {
|
2020-01-28 20:07:21 +01:00
|
|
|
'.checked': {
|
|
|
|
'NativeBase.Icon': {
|
2019-06-25 22:20:24 +02:00
|
|
|
color: variables.checkboxTickColor
|
|
|
|
},
|
2020-01-28 20:07:21 +01:00
|
|
|
'NativeBase.IconNB': {
|
2019-06-25 22:20:24 +02:00
|
|
|
color: variables.checkboxTickColor
|
|
|
|
}
|
|
|
|
},
|
2020-01-28 20:07:21 +01:00
|
|
|
'NativeBase.Icon': {
|
|
|
|
color: 'transparent',
|
2019-06-25 22:20:24 +02:00
|
|
|
lineHeight: variables.CheckboxIconSize,
|
|
|
|
marginTop: variables.CheckboxIconMarginTop,
|
|
|
|
fontSize: variables.CheckboxFontSize
|
|
|
|
},
|
2020-01-28 20:07:21 +01:00
|
|
|
'NativeBase.IconNB': {
|
|
|
|
color: 'transparent',
|
2019-06-25 22:20:24 +02:00
|
|
|
lineHeight: variables.CheckboxIconSize,
|
|
|
|
marginTop: variables.CheckboxIconMarginTop,
|
|
|
|
fontSize: variables.CheckboxFontSize
|
|
|
|
},
|
|
|
|
borderRadius: variables.CheckboxRadius,
|
2020-01-28 20:07:21 +01:00
|
|
|
overflow: 'hidden',
|
2019-06-25 22:20:24 +02:00
|
|
|
width: variables.checkboxSize,
|
|
|
|
height: variables.checkboxSize,
|
|
|
|
borderWidth: variables.CheckboxBorderWidth,
|
|
|
|
paddingLeft: variables.CheckboxPaddingLeft - 1,
|
|
|
|
paddingBottom: variables.CheckboxPaddingBottom,
|
|
|
|
left: 10
|
|
|
|
};
|
|
|
|
|
|
|
|
return checkBoxTheme;
|
|
|
|
};
|