Home Reference Source

src/styles/styles.js

import {StyleSheet} from 'react-native';

import {UIColors} from '../utils/ColorConstants';

/**
 * General styles which can be used by all components
 * @type {Object}
 */
const globalStyles = StyleSheet.create({
    coverAll: {
        height: '100%',
        width: '100%',
    },
    background: {
        height: '100%',
        width: '100%',
        backgroundColor: UIColors.BACKGROUND_VIEW,
        position: 'absolute',
    },
    text: {
        fontSize: 30,
    },
    border: {
        borderWidth: 1,
        borderColor: 'black',
    },
    circle: {
        borderRadius: 100,
    },
    softEdges: {
        borderRadius: 30,
    },
    shadow: {
        shadowOffset: {
            width: 1,
            height: 2,
        },
        shadowOpacity: 0.5,
        shadowRadius: 3,
    },
    lightShadow: {
        shadowOffset: {
            width: 1,
            height: 2,
        },
        shadowOpacity: 0.2,
        shadowRadius: 3,
    },
    fillWidth: {
        width: '100%',
        aspectRatio: 1,
    },
    resetImage: {
        flex: 1,
        height: undefined,
        width: undefined,
        resizeMode: 'contain',
    },
    avatarFace: {
        height: '25%',
        aspectRatio: 1,
        backgroundColor: UIColors.BACKGROUND_AVATAR,
    },
    drawingButton: {
        flex: 1,
        justifyContent: 'center',
    },
});

export {globalStyles};