theme typography.ts

100% Statements 1/1
100% Branches 0/0
100% Functions 0/0
100% Lines 1/1
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  
 
 
548x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { TypographyOptions } from "@mui/material/styles/createTypography";
import { FONT_PRIMARY } from "./v2/const";
 
export const typography: TypographyOptions = {
  fontFamily: FONT_PRIMARY,
  h1: {
    fontSize: "48px",
    lineHeight: "72px",
  },
  h2: {
    fontSize: "36px",
    lineHeight: "54px",
  },
  h3: {
    fontSize: "30px",
    lineHeight: "45px",
  },
  h4: {
    fontSize: "24px",
    lineHeight: "36px",
  },
  h5: {
    fontSize: "20px",
    lineHeight: "30px",
  },
  h6: {
    fontSize: "18px",
    lineHeight: "27px",
  },
  button: {
    fontSize: "14px",
    lineHeight: "24px",
    textTransform: "none",
  },
  buttonSmall: {
    fontSize: "12px",
    lineHeight: "20px",
    textTransform: "none",
  },
  body: {
    fontSize: "14px",
    lineHeight: "19.6px",
  },
  caption: {
    fontSize: "12px",
    lineHeight: "16px",
    textTransform: "none",
  },
  captionSmall: {
    fontSize: "10px",
    lineHeight: "14px",
    textTransform: "none",
  },
  smallest: {
    fontSize: "14px",
    lineHeight: "18px",
    textTransform: "none",
  },
  headline: {
    fontSize: "16px",
    lineHeight: "22.4px",
  },
  link: {
    fontSize: "14px",
    lineHeight: "21px",
    justifyItems: "baseline",
    "&:hover": {
      textDecoration: "underline",
    },
  },
};