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
|
export const common = {
primaryShade: 6,
loader: 'oval',
white: '#fff',
black: '#303030',
defaultRadius: 'xs',
primaryColor: 'blue',
lineHeight: 1.5,
fontFamily: 'Lato, sans-serif',
shadows: {
xs: '0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1)',
sm: '0 1px 3px rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0px 10px 15px -5px, rgba(0, 0, 0, 0.04) 0px 7px 7px -5px',
md: '0 1px 3px rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px',
lg: '0 1px 3px rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0px 28px 23px -7px, rgba(0, 0, 0, 0.04) 0px 12px 12px -7px',
xl: '0 1px 3px rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0px 36px 28px -7px, rgba(0, 0, 0, 0.04) 0px 17px 17px -7px',
},
fontSizes: { xs: 12, sm: 14, md: 16, lg: 18, xl: 20 },
radius: { xs: 5, sm: 8, md: 13, lg: 21, xl: 34 },
spacing: { xs: 5, sm: 8, md: 13, lg: 21, xl: 34 },
breakpoints: { xs: 576, sm: 768, md: 992, lg: 1200, xl: 1400 },
headings: {
fontFamily: 'Lato, sans-serif',
sizes: {
h1: { fontSize: '1.5rem' },
h2: { fontSize: '1.3333rem' },
h3: { fontSize: '1.125rem' },
h4: { fontSize: '1rem' },
h5: { fontSize: '0.9375rem' },
h6: { fontSize: '0.875rem' },
},
},
other: {},
datesLocale: 'en',
fn: {},
};
|
