sve-react-native-lib/src/styles/styles.js

Libreria de componentes de react-native para la sve

import { StyleSheet } from 'react-native';

//obj: {t: Text, i: Image} 
//style: {n: Normal, i: italic} 
//size: {1: 14, 2: 16, 3: 18}
//obj - style - size
//para hacer sort de estos json es con Ctrl + s
const ds = StyleSheet.create({
    br1:{
        borderRadius:10
    },
    aic: {
        alignItems: 'center'
    },
    aic: {
        alignItems: 'center'
    },
    bodycard: {
        paddingBottom: 10,
        paddingTop: 15
    },
    btn: {
        alignItems: 'center',
        justifyContent: 'center'
    },
    btn0: {
        backgroundColor: '#04B5EB',
        borderRadius: 7,
        flex: 1,
        height: 50
    },
    btn1: {
        backgroundColor: '#04B5EB',
        borderRadius: 7,
        height: 50,
        width: 200
    },
    btn2s: {
        alignItems: 'center',
        backgroundColor: 'transparent',
        borderRadius: 7,
        height: 'auto',
        justifyContent: 'center',
        width: 75
    },
    card: {
        alignContent: 'stretch',
        borderRadius: 7,
        elevation: 2,
        width:'90%',
        height:'auto',
        padding:10,
        marginVertical: 6,
        shadowColor: '#505050',
        shadowOffset: {
            height: 1,
            width: 0
        },
        shadowOpacity: 0.15,
        shadowRadius: 0.7,
        backgroundColor:'white'
    },
    center: {
        alignItems: 'center',
        flex: 1,
        justifyContent: 'center'
    },
    fdr: {
        flexDirection: 'row'
    },
    fdc:{
        flexDirection:'column'
    },
    flexcenter: {
        alignItems: 'center',
        flex: 1,
        justifyContent: 'center'
    },
    h5: {
        height: 50
    },
    h6: {
        height: 60
    },
    ht1: {
        height: 10
    },
    ht2: {
        height: 20
    },
    ht3: {
        height: 30
    },
    ht4: {
        height: 40
    },
    ht5: {
        height: 50
    },
    mb1: {
        marginBottom: 10
    },
    mb2: {
        marginBottom: 20
    },
    mb3: {
        marginBottom: 30
    },
    mh1: {
        marginHorizontal: 10
    },
    mh2: {
        marginHorizontal: 20
    },
    ml1: {
        marginLeft: 10
    },
    mr1: {
        marginRight: 10
    },
    mr1: {
        marginRight: 10
    },
    mt2: {
        marginTop: 20
    },
    mv1: {
        marginVertical: 10
    },
    mv2: {
        marginVertical: 20
    },
    mv3: {
        marginVertical: 30
    },
    headersText:{
        color: "black",
        fontWeight: "bold",
        fontSize: 16
    },
    pbtn: {
        alignItems: 'center',
        backgroundColor: '#04B5EB',
        borderRadius: 7,
        height: 50,
        justifyContent: 'center',
        width: 200
    },
    jcc:{
        justifyContent: 'center', 
    },
    ptxtbtn: {
        color: 'white',
        fontSize: 24,
        fontWeight: 'bold'
    },
    stxtbtn: {
        color: 'white',
        fontSize: 20,
        fontWeight: 'bold',
        textAlign:'center'
    },
    sucessGreenText: {
        color: '#50e3c2',
        fontSize: 24,
        fontWeight: 'bold'
    },
    wrongText:{
        color:'#ff5f5f',
        fontSize: 24,
        fontWeight: 'bold'
    },
    rmc: {
        resizeMode: 'contain'
    },
    tar: {
        textAlign: 'right'
    },
    tb: {
        fontWeight: 'bold'
    },
    tc1: {
        color: "#545454"
    },
    tc2: {
        color: "#ffffff"
    },
    tc3: {
        //border
        color: "#9e9e9e"
    },
    tc4: {
        //error
        color: "#FF5F5F"
    },
    ti: {
        fontStyle: 'italic'
    },
    ti1: {
        fontSize: 16,
        fontStyle: 'italic',
        fontWeight: 'bold'
    },
    tn1: {
        fontSize: 14
    },
    tn2: {
        fontSize: 16
    },
    tn3: {
        fontSize: 18
    },
    tn3b: {
        fontSize: 18,
        fontWeight: 'bold'
    },
    tn4b: {
        fontSize: 24,
        fontWeight: 'bold'
    },
    tn4: {
        fontSize: 20
    },
    tn6: {
        fontSize: 24
    },
    tn7: {
        fontSize: 26
    },
    txtbtn2s: {
        fontSize: 12,
        fontWeight: 'bold'
    },
    txtbtn3s: {
        color: 'white',
        fontSize: 14,
        fontWeight: 'bold'
    },
    wh1: {
        width: 10
    },
    wh2: {
        width: 20
    },
    wh3: {
        width: 30
    },
    wh4: {
        width: 40
    },
    wh4: {
        width: 50
    }
});

export default ds;