-
Notifications
You must be signed in to change notification settings - Fork 4
/
common.tsx
50 lines (48 loc) · 1.41 KB
/
common.tsx
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
/* Properties common to any themes */
/* Add dimensions, fonts, paddings, margins, etc. here */
const borderRadius = '8px'
const radioAndCheckDimensions = '14px'
const componentPaddingHorizontal = '40px'
const componentPaddingVertical = '40px'
export const common = {
common: {
borderRadius: borderRadius,
},
fonts: {
defaultSize: '1.6rem',
family:
"'Bai Jamjuree', 'Helvetica Neue', 'Arial', 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', '-apple-system', 'BlinkMacSystemFont', 'sans-serif'",
familyCode: "'source-code-pro', 'Menlo', 'Monaco', 'Consolas', 'Courier New', 'monospace'",
},
checkBox: {
dimensions: radioAndCheckDimensions,
},
radioButton: {
dimensions: radioAndCheckDimensions,
},
dropdown: {
borderRadius: borderRadius,
},
header: {
height: '60px',
},
layout: {
horizontalPaddingDesktopStart: '40px',
horizontalPaddingDesktopWideStart: '40px',
horizontalPaddingMobile: '10px',
horizontalPaddingTabletLandscapeStart: '20px',
horizontalPaddingTabletPortraitStart: '20px',
maxWidth: '1000px',
},
breakPoints: {
desktopStart: '1025px',
desktopWideStart: '1281px',
tabletLandscapeStart: '769px',
tabletPortraitStart: '481px',
},
card: {
borderRadius: borderRadius,
paddingHorizontal: componentPaddingHorizontal,
paddingVertical: componentPaddingVertical,
},
}