-
Notifications
You must be signed in to change notification settings - Fork 61
/
styles.js
107 lines (106 loc) · 2.04 KB
/
styles.js
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
const defaultStyles = {
block: {
marginBottom: 10,
flexWrap: 'wrap',
flexDirection: 'row'
},
blockQuote: {
borderLeftWidth: 5,
borderLeftColor: '#aaaaaa',
backgroundColor: '#cccccc',
paddingLeft: 10
},
h1: {
fontSize: 30,
marginTop: 20,
marginBottom: 8
},
h2: {
fontSize: 20,
marginTop: 16,
marginBottom: 8
},
h3: {
fontSize: 20,
marginTop: 16,
marginBottom: 8
},
h4: {
fontSize: 20,
marginTop: 16,
marginBottom: 8
},
h5: {
fontSize: 20,
marginTop: 12,
marginBottom: 6
},
h6: {
fontSize: 20,
marginTop: 12,
marginBottom: 6
},
hr: {
alignSelf: 'stretch',
height: 1,
backgroundColor: '#333333',
marginVertical: 8,
},
text: {
alignSelf: 'flex-start'
},
strong: {
fontWeight: 'bold',
},
em: {
fontStyle: 'italic',
},
del: {
textDecorationLine: 'line-through',
},
u: {
textDecorationLine: 'underline',
},
linkWrapper: {
alignSelf: 'flex-start',
},
link: {
textDecorationLine: 'underline',
alignSelf: 'flex-start'
},
list: {
marginBottom: 20
},
listItem: {
flexDirection: 'row',
justifyContent: 'flex-start',
alignItems: 'center',
marginVertical: 5,
},
listItemContent: {
flexDirection: 'row',
justifyContent: 'flex-start',
alignItems: 'flex-start',
},
listItemBullet: {
width: 4,
height: 4,
backgroundColor: 'black',
borderRadius: 2,
marginRight: 10,
},
listItemNumber: {
marginRight: 10
},
imageWrapper: {
flex: 1,
flexDirection: 'row',
justifyContent: 'flex-start'
},
image: {
flex: 1,
minWidth: 200,
height: 200
}
};
module.exports = defaultStyles;