quickabdest/theme/typography.js

58 lines
980 B
JavaScript

const typography = {
fontFamily: [
"Inter",
"-apple-system",
"BlinkMacSystemFont",
'"Segoe UI"',
"Roboto",
'"Helvetica Neue"',
"Arial",
"sans-serif",
'"Apple Color Emoji"',
'"Segoe UI Emoji"',
'"Segoe UI Symbol"',
].join(","),
fontSize: 13,
fontWeightLight: 300,
fontWeightRegular: 400,
fontWeightMedium: 500,
fontWeightBold: 600,
h1: {
fontSize: "2rem",
fontWeight: 600,
lineHeight: 1.25,
},
h2: {
fontSize: "1.75rem",
fontWeight: 600,
lineHeight: 1.25,
},
h3: {
fontSize: "1.5rem",
fontWeight: 600,
lineHeight: 1.25,
},
h4: {
fontSize: "1.125rem",
fontWeight: 500,
lineHeight: 1.25,
},
h5: {
fontSize: "1.0625rem",
fontWeight: 500,
lineHeight: 1.25,
},
h6: {
fontSize: "1rem",
fontWeight: 500,
lineHeight: 1.25,
},
body1: {
fontSize: 13,
},
button: {
textTransform: "none",
},
};
export default typography;