SEALApplication/src/Screens/CurriculumText/defaultCSS.tsx at d0ff8f8d8274f543c9615eb2e7ab38cbd8c6edbb · Autism-Technology-Research-Syndicate/SEALApplication · 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
import { StyleSheet } from 'react-native';
import styles from '../../Styles/defaultCSS';

const stylesheet = StyleSheet.create({
    container: {
        height: '100%',
        width: '100%'
    },
    buttonGroup: {
        flex: 0.15,
        flexDirection: 'row',
        alignItems: 'center',
        justifyContent: 'space-between',
        marginHorizontal: 0, // Adjust to reduce or increase space
        marginBottom: 0,
      },
    buttonContainer: {
        paddingBottom: 0,
        paddingTop: 0,
        flexDirection: 'row',
        justifyContent: 'space-around',
        padding: 0,
        marginTop: 5,
      },
    button:{
        padding: 0,
        borderRadius: 10,
        alignItems: 'center',
        margin: 5,
    },
    buttonText: {
        fontSize: 20, // Default font size for other buttons
        // color: '#fff',
        fontWeight: 'bold',
    },
    scrollContainer: {
        flexGrow: 1,
        justifyContent: 'center',
        alignItems: 'center',
        padding: 20,
        marginTop:0,
    },
    centerContent: {
        flex: 3,
        justifyContent: 'center',
        alignItems: 'center',
        paddingHorizontal: 20,
        paddingVertical: 0,
        marginTop:0,
    },
    text: {
        textAlign: 'justify',
        lineHeight: 30,
        // fontSize: 20,
    },

    textNormal: { ...styles.textNormal },
    header: {
        ...styles.defaultText,
        textAlign: 'center',
        padding: 10,
        fontSize: 33,
        fontWeight: 'bold'
    },
    subheader: {
        ...styles.subheaderText
    },
    row: {
        flexDirection: 'row',
        flexWrap: 'nowrap',
        justifyContent: 'space-around',
        gap: 15,
        flexGrow: 1
    },
    itemTitle: {
        fontWeight: 'bold',
        fontSize: 20,
        padding: 5,
        paddingHorizontal: 30,
        textAlign: 'center',
        ...styles.defaultText,
    },
    itemText: {
        fontSize: 16,
        padding: 5,
        textAlign: 'center',
        ...styles.content
    },
    rowItem: {
        borderColor: styles.defaultColor,
        borderWidth: .5,
        borderBottomLeftRadius: 12,
        borderBottomRightRadius: 12,
        borderTopLeftRadius: 12,
        borderTopRightRadius: 12,
        flex: 1,
        padding: 15,
        alignItems: 'center',
        textAlign: 'center',
    },
    section:
    {
        rowGap: 15,
        padding: 30,

    }
});
export default stylesheet;