artwork-react-native/lib/input-item/style/index.js

artwork design master for react-native

'use strict';

Object.defineProperty(exports, "__esModule", {
    value: true
});

var _reactNative = require('react-native');

var _blue = require('../../style/theme/blue');

var _blue2 = _interopRequireDefault(_blue);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

exports['default'] = {
    container: {
        height: _blue2['default'].list_item_height + _blue2['default'].border_width_sm,
        borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
        borderBottomColor: _blue2['default'].border_color_base,
        marginLeft: _blue2['default'].h_spacing_lg,
        paddingRight: _blue2['default'].h_spacing_lg,
        marginTop: 0,
        marginBottom: 0,
        flexDirection: 'row',
        alignItems: 'center'
    },
    text: {
        marginRight: _blue2['default'].h_spacing_sm,
        textAlignVertical: 'center',
        fontSize: _blue2['default'].font_size_heading,
        color: _blue2['default'].color_text_base
    },
    input: {
        flex: 1,
        height: _blue2['default'].list_item_height,
        backgroundColor: 'transparent',
        fontSize: _blue2['default'].input_font_size,
        color: _blue2['default'].color_text_base
    },
    extra: {
        marginLeft: _blue2['default'].h_spacing_sm,
        fontSize: _blue2['default'].font_size_subhead,
        color: _blue2['default'].color_text_caption
    },
    errorIcon: {
        marginLeft: _blue2['default'].h_spacing_sm,
        width: _blue2['default'].icon_size_sm,
        height: _blue2['default'].icon_size_sm
    }
};