2020-11-30 00:24:53 +01:00
|
|
|
const Base = 4
|
2020-11-23 00:07:32 +01:00
|
|
|
|
2020-11-30 00:24:53 +01:00
|
|
|
export const StyleConstants = {
|
|
|
|
Font: {
|
2021-03-10 10:22:53 +01:00
|
|
|
Size: { S: 14, M: 16, L: 18 },
|
2021-03-09 00:59:11 +01:00
|
|
|
LineHeight: {
|
2021-03-10 10:22:53 +01:00
|
|
|
S: 20,
|
|
|
|
M: 22,
|
|
|
|
L: 30
|
2021-03-09 00:59:11 +01:00
|
|
|
},
|
2021-02-07 00:39:11 +01:00
|
|
|
Weight: { Normal: '400' as '400', Bold: '600' as '600' }
|
2020-12-29 00:21:05 +01:00
|
|
|
},
|
|
|
|
FontStyle: {
|
2021-03-10 10:22:53 +01:00
|
|
|
S: { fontSize: 14, lineHeight: 20 },
|
|
|
|
M: { fontSize: 16, lineHeight: 22 },
|
|
|
|
L: { fontSize: 20, lineHeight: 30 }
|
2020-11-30 00:24:53 +01:00
|
|
|
},
|
2020-11-24 00:18:47 +01:00
|
|
|
|
2020-11-30 00:24:53 +01:00
|
|
|
Spacing: {
|
|
|
|
XS: Base,
|
|
|
|
S: Base * 2,
|
|
|
|
M: Base * 4,
|
|
|
|
L: Base * 6,
|
|
|
|
XL: Base * 10,
|
2020-12-29 00:21:05 +01:00
|
|
|
Global: { PagePadding: Base * 4 }
|
2020-11-30 00:24:53 +01:00
|
|
|
},
|
2020-11-23 00:07:32 +01:00
|
|
|
|
2021-01-31 03:09:35 +01:00
|
|
|
Avatar: { S: 40, M: 52, L: 96 }
|
2020-11-23 00:07:32 +01:00
|
|
|
}
|