This repository has been archived by the owner on Jun 4, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 33
/
styles.js
72 lines (64 loc) · 1.48 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
/*
* dash renderer is purposely style-free
* Dash apps should be styled through
* CSS style sheets on the app level,
* in component-suites, or as inline styles
* in the component layouts.
*
* The styles contained in dash-renderer are
* just for a couple of interfaces:
* - Loading messages
* - Login screens
*
*/
export const base = {
html: {
fontFamily: "'Open Sans', Helvetica, sans-serif",
fontWeight: 400,
color: '#2A3F5F',
},
h2: {
fontFamily: 'Dosis, Helvetica, sans-serif',
fontWeight: '600',
fontSize: '28px',
marginTop: '14px',
marginBottom: '14px',
},
h4: {
fontSize: '18px',
marginTop: '9px',
marginBottom: '18px',
},
button: {
border: '1px solid #119DFF',
fontSize: '14px',
color: '#ffffff',
backgroundColor: '#119DFF',
padding: '9px 18px',
borderRadius: '5px',
textAlign: 'center',
textTransform: 'capitalize',
letterSpacing: '0.5px',
lineHeight: '1',
cursor: 'pointer',
outline: 'none',
margin: '0px',
},
a: {
color: '#119DFF',
textDecoration: 'none',
cursor: 'pointer',
},
caption: {
fontSize: '13px',
marginTop: '20px',
color: '#A2B1C6',
},
container: {
marginLeft: 'auto',
marginRight: 'auto',
width: '90%',
maxWidth: '300px',
},
};
export default base;