FilesExpand file tree

main

/

fonts.scss

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

108 lines (89 loc) · 1.73 KB

main

/

fonts.scss

Copy path

Top

File metadata and controls

• Code
• Blame

108 lines (89 loc) · 1.73 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400&display=swap');

// Base

$font-base: 16;

$inter: 'Inter', sans-serif;

$jetbrains: 'JetBrains Mono', monospace;

// Weights

$regular: 400;

$medium: 500;

$semibold: 600;

// Styles

%header-1 {

font-family: $jetbrains;

font-weight: $regular;

font-size: 1.375rem;

line-height: 1.6;

@media (min-width: $md) {

font-size: 3rem;

line-height: 1.5;

}

}

%header-2 {

font-family: $jetbrains;

font-weight: $regular;

font-size: 1.125rem;

line-height: 1.6;

letter-spacing: 0.02em;

@media (min-width: $md) {

font-size: 2.25rem;

letter-spacing: initial;

}

}

%header-3 {

font-family: $jetbrains;

font-weight: $regular;

font-size: 1.375rem;

line-height: 1.6;

letter-spacing: 0.02em;

@media (min-width: $md) {

font-size: 1.5rem;

line-height: 1.64;

letter-spacing: initial;

}

}

%header-4 {

font-family: $inter;

font-weight: $medium;

font-size: 1.25rem;

line-height: 1.4;

@media (min-width: $md) {

font-size: 2.25rem;

}

}

%header-5 {

font-family: $inter;

font-weight: $regular;

font-size: 1rem;

line-height: 1.21;

@media (min-width: $md) {

font-size: 1.25rem;

}

}

%body-1 {

font-family: $inter;

font-weight: $regular;

font-size: 1rem;

line-height: 1.6;

@media (min-width: $md) {

font-size: 1.2rem;

}

}

%subtitle-1 {

font-family: $inter;

font-weight: $semibold;

font-size: 0.75rem;

line-height: 1.21;

@media (min-width: $md) {

font-size: 1rem;

letter-spacing: 0.02em;

}

}

%subtitle-2 {

font-family: $inter;

font-weight: $semibold;

font-size: 0.75rem;

line-height: 1.21;

@media (min-width: $md) {

font-size: 0.875rem;

}

}