69 lines
1.4 KiB
JavaScript
69 lines
1.4 KiB
JavaScript
|
import { StyleSheet } from "react-native";
|
||
|
|
|
||
|
|
export const FontWeight = {
|
||
|
|
thin: "100",
|
||
|
|
ultraLight: "200",
|
||
|
|
light: "300",
|
||
|
|
regular: "400",
|
||
|
|
medium: "500",
|
||
|
|
semibold: "600",
|
||
|
|
bold: "700",
|
||
|
|
heavy: "800",
|
||
|
|
black: "900"
|
||
|
|
};
|
||
|
|
|
||
|
|
export const Typography = StyleSheet.create({
|
||
|
|
header: {
|
||
|
|
fontSize: 34,
|
||
|
|
fontWeight: FontWeight.regular
|
||
|
|
},
|
||
|
|
title1: {
|
||
|
|
fontSize: 28,
|
||
|
|
fontWeight: FontWeight.regular
|
||
|
|
},
|
||
|
|
title2: {
|
||
|
|
fontSize: 22,
|
||
|
|
fontWeight: FontWeight.regular
|
||
|
|
},
|
||
|
|
title3: {
|
||
|
|
fontSize: 20,
|
||
|
|
fontWeight: FontWeight.regular
|
||
|
|
},
|
||
|
|
headline: {
|
||
|
|
fontSize: 17,
|
||
|
|
fontWeight: FontWeight.regular
|
||
|
|
},
|
||
|
|
body1: {
|
||
|
|
fontSize: 17,
|
||
|
|
fontWeight: FontWeight.regular
|
||
|
|
},
|
||
|
|
body2: {
|
||
|
|
fontSize: 14,
|
||
|
|
fontWeight: FontWeight.regular
|
||
|
|
},
|
||
|
|
callout: {
|
||
|
|
fontSize: 17,
|
||
|
|
fontWeight: FontWeight.regular
|
||
|
|
},
|
||
|
|
subhead: {
|
||
|
|
fontSize: 15,
|
||
|
|
fontWeight: FontWeight.regular
|
||
|
|
},
|
||
|
|
footnote: {
|
||
|
|
fontSize: 13,
|
||
|
|
fontWeight: FontWeight.regular
|
||
|
|
},
|
||
|
|
caption1: {
|
||
|
|
fontSize: 12,
|
||
|
|
fontWeight: FontWeight.regular
|
||
|
|
},
|
||
|
|
caption2: {
|
||
|
|
fontSize: 11,
|
||
|
|
fontWeight: FontWeight.regular
|
||
|
|
},
|
||
|
|
overline: {
|
||
|
|
fontSize: 10,
|
||
|
|
fontWeight: FontWeight.regular
|
||
|
|
}
|
||
|
|
});
|