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: {
|
2020-12-29 00:21:05 +01:00
|
|
|
Size: { S: 14, M: 16, L: 18 },
|
2021-01-04 10:50:24 +01:00
|
|
|
LineHeight: { S: 18, M: 22, L: 30 },
|
2020-12-29 00:21:05 +01:00
|
|
|
Weight: { Bold: '600' as '600' }
|
|
|
|
},
|
|
|
|
FontStyle: {
|
2021-01-04 10:50:24 +01:00
|
|
|
S: { fontSize: 14, lineHeight: 18 },
|
|
|
|
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
|
|
|
|
2020-12-29 00:21:05 +01:00
|
|
|
Avatar: { S: 36, M: 52, L: 104 }
|
2020-11-23 00:07:32 +01:00
|
|
|
}
|