/
makeStyles.js
120 lines (102 loc) · 2.14 KB
/
makeStyles.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
108
109
110
111
112
113
114
115
116
117
118
119
120
/**
* Calendar Picker Component
* By Stephani Alves - April 11, 2015
*/
'use strict';
function makeStyles(scaler) {
return {
calendar: {
height: 320*scaler,
marginTop: 10*scaler
},
dayWrapper: {
width: 50*scaler,
height: 40*scaler,
backgroundColor: 'rgba(0,0,0,0.0)'
},
dayButton: {
width: 50*scaler,
height: 40*scaler,
alignSelf: 'center'
},
dayButtonSelected: {
width: 30*scaler,
height: 30*scaler,
borderRadius: 15*scaler,
backgroundColor: '#5ce600',
alignSelf: 'center'
},
dayLabel: {
fontSize: 14*scaler,
color: '#000',
marginTop: 6*scaler,
alignSelf: 'center'
},
dayLabelsWrapper: {
flexDirection: 'row',
marginBottom: 10*scaler,
borderBottomWidth: 1,
borderTopWidth: 1,
paddingTop: 10*scaler,
paddingBottom: 10*scaler,
alignSelf: 'center',
backgroundColor: 'rgba(0,0,0,0.0)',
borderColor: 'rgba(0,0,0,0.2)'
},
daysWrapper: {
alignSelf: 'center'
},
dayLabels: {
width: 50*scaler,
fontSize: 10*scaler,
color: '#000',
textAlign: 'center'
},
selectedDay: {
width: 60*scaler,
height:60*scaler,
backgroundColor: '#5ce600',
borderRadius: 30*scaler,
alignSelf: 'center'
},
monthLabel: {
fontSize: 16*scaler,
color: '#000',
width: 180*scaler,
textAlign: 'center'
},
headerWrapper: {
alignItems: 'center',
flexDirection: 'row',
alignSelf: 'center',
marginBottom: 10*scaler,
padding: 5*scaler,
paddingBottom: 3*scaler,
backgroundColor: 'rgba(0,0,0,0.0)'
},
monthSelector: {
width: 80*scaler
},
prev: {
textAlign: 'left',
fontSize: 14*scaler
},
next: {
textAlign: 'right',
fontSize: 14*scaler
},
yearLabel: {
fontSize: 14*scaler,
fontWeight: 'bold',
color: '#000',
textAlign: 'center'
},
weeks: {
flexDirection: 'column'
},
weekRow: {
flexDirection: 'row'
}
};
}
module.exports = makeStyles;