init

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

@@ -0,0 +1,89 @@
+/*  typography */
+body {
+  font-family: $font-primary;
+  -webkit-font-smoothing: antialiased;
+  font-size: $font-size;
+  line-height: 1.6;
+  color: $text-color;
+}
+
+p,
+.paragraph {
+  font-weight: 400;
+  color: $text-color;
+  line-height: 26px;
+  font-family: $font-primary;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: $text-dark;
+  font-family: $font-secondary;
+  line-height: 1.2;
+}
+
+.content h1,
+.content h2,
+.content h3,
+.content h4,
+.content h5,
+.content h6 {
+  font-weight: 600;
+}
+
+h1,
+.h1 {
+  font-size: 40px; 
+
+  @include mobile {
+    font-size: 32px; 
+  }
+}
+
+h2,
+.h2 {
+  font-size: 32px; 
+
+  @include mobile {
+    font-size: 28px; 
+  }
+}
+
+h3,
+.h3 {
+  font-size: 28px;
+
+  @include mobile {
+    font-size: 24px;
+  }
+}
+
+h4,
+.h4 {
+  font-size: 24px;
+}
+
+h5,
+.h5 {
+  font-size: 20px;
+}
+
+h6,
+.h6 {
+  font-size: 18px;
+}
+
+.fa-xs {
+  font-size: 0.8em !important;
+  padding-right: 6px;
+}
+
+.font-small {
+  font-size: 0.8em;
+  font-style: italic;
+  color: lighten($color: $text-color, $amount: 30);
+}