ProjectNativeJs/style.js at main · meihu-ganesh/ProjectNativeJs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
import { StyleSheet } from "react-native";

const ExStyles = StyleSheet.create ({
    heading:{
        fontSize: 30,
    },
    textBox:{
        // color: '#000000',
        color: '#fff',
        fontSize: 25,
        fontWeight: '300',
        backgroundColor: '#60c0f9',
        margin: 6,
        padding: 10,
        borderRadius: 25,
    },
    inputBox:{
        fontSize:18,
        color: '#033fa5',
        borderWidth: 2,
        padding: 10,
        borderColor: '#033fa5',
        borderRadius: 10,
        margin: 10,
    },
    error: {
        fontSize: 18,
        marginLeft: 20,
        color: '#ff3366',
    },
    item:{
        fontSize: 22,
        padding: 10,
        color: "#ff3366",
        backgroundColor: "#bbeeaa",
        borderWidth: 2,
        borderColor: "#faaced",
        margin: 10,
        borderRadius: 15,
    },
    gridContainer: {
        flex:1,
        flexDirection: "row",
        flexWrap: "wrap",
    },
    gridItem: {
        fontSize: 23,
        backgroundColor: "#ffaa33",
        color: "#fff",
        margin: 7,
        padding: 10,
        width: 120,
        height: 120,
        borderRadius: 15,
        textAlign: "center",
        textAlignVertical: "center",
    },
    loopBox: {
        flexDirection: "row",
        borderWidth: 1,
        borderColor: "#33aaff",
        marginBottom: 6,
        padding: 5,
    },
    loopItem: {
        fontSize: 20,
        color: "#ffaa33",
        flex: 1,
        margin: 2,
        textAlign: "center",
    }
});

export default ExStyles;