init

themes/godocs-4/assets/scss/_typography.scss

@@ -0,0 +1,93 @@
+/*  typography */
+@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800&display=swap');
+
+body {
+  font-family: $font-primary;
+  -webkit-font-smoothing: antialiased;
+  font-size: 16px;
+  line-height: 1.6;
+  color: $text-color;
+}
+
+p,
+.paragraph {
+  font-weight: 400;
+  color: $text-color;
+  font-size: 16px;
+  line-height: 26px;
+  font-family: $font-primary;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: $text-dark;
+  font-family: $font-primary;
+  font-weight: 700;
+  line-height: 1.2;
+}
+
+.content h1,
+.content h2,
+.content h3,
+.content h4,
+.content h5,
+.content h6 {
+  font-weight: 600;
+}
+
+h1,
+.h1 {
+  font-size: 50px;
+
+  @include mobile {
+    font-size: 36px;
+  }
+}
+
+h2,
+.h2 {
+  font-size: 42px;
+
+  @include mobile {
+    font-size: 32px;
+  }
+}
+
+h3,
+.h3 {
+  font-size: 32px;
+
+  @include mobile {
+    font-size: 28px;
+  }
+}
+
+h4,
+.h4 {
+  font-size: 26px;
+}
+
+h5,
+.h5 {
+  font-size: 22px;
+}
+
+h6,
+.h6 {
+  font-size: 18px;
+}
+
+
+.display-3 {
+  font-size: 50px;
+  font-weight: 800;
+
+  @include mobile {
+    font-size: 36px;
+    font-weight: 600;
+  }
+}