Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 | 10x 10x 10x | import { pxToRem, responsiveFontSizes } from "./typography-utils.js";
export const primaryFontFamily = '"Open Sans", Helvetica, Arial, sans-serif';
export const secondaryFontFamily = '"Poppins", Helvetica, Arial, sans-serif';
export const typography = {
fontFamily: primaryFontFamily,
fontSecondaryFamily: secondaryFontFamily,
fontWeightRegular: 400,
fontWeightMedium: 500,
fontWeightSemiBold: 600,
fontWeightBold: 700,
h1: {
fontWeight: 700,
lineHeight: 80 / 64,
fontSize: pxToRem(40),
fontFamily: secondaryFontFamily,
...responsiveFontSizes({ sm: 52, md: 58, lg: 64 }),
},
h2: {
fontWeight: 700,
lineHeight: 64 / 48,
fontSize: pxToRem(32),
fontFamily: secondaryFontFamily,
...responsiveFontSizes({ sm: 40, md: 44, lg: 48 }),
},
h3: {
fontWeight: 700,
lineHeight: 1.5,
fontSize: pxToRem(24),
fontFamily: secondaryFontFamily,
...responsiveFontSizes({ sm: 26, md: 30, lg: 32 }),
},
h4: {
fontWeight: 600,
lineHeight: 1.5,
fontSize: pxToRem(20),
fontFamily: secondaryFontFamily,
...responsiveFontSizes({ sm: 20, md: 24, lg: 24 }),
},
h5: {
fontWeight: 600,
lineHeight: 1.5,
fontSize: pxToRem(18),
fontFamily: secondaryFontFamily,
...responsiveFontSizes({ sm: 19, md: 20, lg: 20 }),
},
h6: {
fontWeight: 600,
lineHeight: 28 / 18,
fontSize: pxToRem(17),
fontFamily: secondaryFontFamily,
...responsiveFontSizes({ sm: 18, md: 18, lg: 18 }),
},
subtitle1: {
fontWeight: 600,
lineHeight: 1.5,
fontSize: pxToRem(16),
},
subtitle2: {
fontWeight: 600,
lineHeight: 22 / 14,
fontSize: pxToRem(14),
},
body1: {
lineHeight: 1.5,
fontSize: pxToRem(16),
},
body2: {
lineHeight: 22 / 14,
fontSize: pxToRem(14),
},
caption: {
lineHeight: 1.5,
fontSize: pxToRem(12),
},
overline: {
fontWeight: 700,
lineHeight: 1.5,
fontSize: pxToRem(12),
textTransform: "uppercase",
},
button: {
fontWeight: 700,
lineHeight: 24 / 14,
fontSize: pxToRem(14),
textTransform: "capitalize",
},
};
|