artwork-react-native/lib/toast/style/index.js

artwork design master for react-native

'use strict';

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

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

var _theme = require('../../style/theme');

var _theme2 = _interopRequireDefault(_theme);

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

exports['default'] = {
    container: {
        position: 'absolute',
        top: _reactNative.Platform.OS === 'ios' ? 64 : 54,
        left: 0,
        bottom: 0,
        right: 0,
        backgroundColor: 'transparent',
        justifyContent: 'center',
        alignItems: 'center',
        zIndex: _theme2['default'].toast_zindex
    },
    innerContainer: {
        backgroundColor: 'transparent'
    },
    innerWrap: {
        alignItems: 'center',
        backgroundColor: _theme2['default'].toast_fill,
        minWidth: 100
    },
    iconToast: {
        borderRadius: _theme2['default'].radius_lg,
        padding: _theme2['default'].v_spacing_lg
    },
    textToast: {
        borderRadius: _theme2['default'].radius_sm,
        paddingVertical: _theme2['default'].v_spacing_md,
        paddingHorizontal: _theme2['default'].v_spacing_lg
    },
    content: {
        color: _theme2['default'].color_text_base_inverse,
        fontSize: _theme2['default'].font_size_subhead
    },
    image: {
        width: _theme2['default'].icon_size_lg,
        height: _theme2['default'].icon_size_lg,
        marginBottom: _theme2['default'].v_spacing_xs
    },
    centering: {
        alignItems: 'center',
        justifyContent: 'center',
        padding: _theme2['default'].v_spacing_md
    }
};