/
dashboardStyle.jsx
79 lines (77 loc) · 1.64 KB
/
dashboardStyle.jsx
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
import { successColor } from "assets/jss/material-dashboard-react.jsx";
const dashboardStyle = {
successText: {
color: successColor
},
upArrowCardCategory: {
width: "16px",
height: "16px"
},
stats: {
color: "#999999",
display: "inline-flex",
fontSize: "12px",
lineHeight: "22px",
"& svg": {
top: "4px",
width: "16px",
height: "16px",
position: "relative",
marginRight: "3px",
marginLeft: "3px"
},
"& .fab,& .fas,& .far,& .fal,& .material-icons": {
top: "4px",
fontSize: "16px",
position: "relative",
marginRight: "3px",
marginLeft: "3px"
}
},
cardCategory: {
color: "#999999",
margin: "0",
fontSize: "14px",
marginTop: "0",
paddingTop: "10px",
marginBottom: "0"
},
cardCategoryWhite: {
color: "rgba(255,255,255,.62)",
margin: "0",
fontSize: "14px",
marginTop: "0",
marginBottom: "0"
},
cardTitle: {
color: "#3C4858",
marginTop: "0px",
minHeight: "auto",
fontWeight: "300",
fontFamily: "'Roboto', 'Helvetica', 'Arial', sans-serif",
marginBottom: "3px",
textDecoration: "none",
"& small": {
color: "#777",
fontSize: "65%",
fontWeight: "400",
lineHeight: "1"
}
},
cardTitleWhite: {
color: "#FFFFFF",
marginTop: "0px",
minHeight: "auto",
fontWeight: "300",
fontFamily: "'Roboto', 'Helvetica', 'Arial', sans-serif",
marginBottom: "3px",
textDecoration: "none",
"& small": {
color: "#777",
fontSize: "65%",
fontWeight: "400",
lineHeight: "1"
}
}
};
export default dashboardStyle;