changed content font only (#322)

qdrant-landing/themes/qdrant/static/css/_variables.scss

@@ -1,2 +1,2 @@
 $font-family-non-content: 'SF Pro', 'Roboto', sans-serif;
-$font-family-content: 'New York', 'Serif', serif;
+$font-family-content: 'Open Sans', sans-serif;

qdrant-landing/themes/qdrant/static/css/blocks/_article.scss

@@ -46,14 +46,15 @@ article aside[role="status"]:before {
   font-weight: 900;
 }
 
-/*.blog,*/
 .article {
+  @include mixins.content-reset;
+
   font-family: $font-family-content;
-  font-size: lib.rem(18);
+  font-size: lib.rem(16);
   font-weight: 400;
   line-height: lib.rem(32);
 
-  @include mixins.content-reset;
+  @include mixins.content-image;
 
   &_narrow {
     @include media-breakpoint-up(lg) {
@@ -61,19 +62,6 @@ article aside[role="status"]:before {
     }
   }
 
-  p, span, ul, ol, li {
-    font: inherit;
-  }
-
-  p, ul {
-    margin-bottom: 2rem;
-  }
-
-  p a:hover,
-  ul a:hover {
-    text-decoration: underline;
-  }
-
   h1, h2, h3, h4, h5 {
     margin-bottom: lib.rem(24);
     font-family: $font-family-non-content;
@@ -107,31 +95,31 @@ article aside[role="status"]:before {
     color: var(--brand-dark-gray);
   }
 
-  ul, ol {
+  //ul, ol {
-    margin-left: 0;
+  //  margin-left: 0;
-  }
+  //}
-
+  //
   & > ul, & > ol {
     margin-left: lib.rem(24);
   }
+  //
+  //li {
+  //  margin-left: 0;
+  //}
 
-  li {
+  //img {
-    margin-left: 0;
+  //  max-width: 100%;
-  }
+  //  height: auto;
+  //  margin: 0 auto;
+  //  border-radius: lib.rem(14);
+  //}
 
-  img {
+  //figcaption {
-    max-width: 100%;
+  //  margin-top: lib.rem(10);
-    height: auto;
+  //  font-size: lib.rem(18);
-    margin: 0 auto;
+  //  font-style: italic;
-    border-radius: lib.rem(14);
+  //  line-height: lib.rem(32);
-  }
+  //}
-
-  figcaption {
-    margin-top: lib.rem(10);
-    font-size: lib.rem(18);
-    font-style: italic;
-    line-height: lib.rem(32);
-  }
 
   &__info {
     display: flex;

qdrant-landing/themes/qdrant/static/css/blocks/_documentation.scss

@@ -9,6 +9,13 @@
   &__article {
     @include mixins.content-reset;
 
+    font-family: $font-family-content;
+    font-size: lib.rem(16);
+    font-weight: 400;
+    line-height: lib.rem(32);
+
+    @include mixins.content-image;
+
     h1 {
       font-size: 2.25rem;
     }
@@ -32,10 +39,6 @@
     h6 {
       font-size: 1.25rem;
     }
-
-    p {
-      margin-bottom: 0.7rem;
-    }
   }
 
   &__sidebar-inner {

qdrant-landing/themes/qdrant/static/css/helpers/_mixins.scss

@@ -1,4 +1,5 @@
 @use "../helpers/functions" as lib;
+@use "../variables" as vars;
 
 @mixin content-reset {
 
@@ -35,9 +36,38 @@
     list-style: decimal;
   }
 
+  p, ul {
+    margin-bottom: lib.rem(24);
+  }
+
+  p a:hover,
+  ul a:hover {
+    text-decoration: underline;
+  }
+
   figure {
     text-align: center;
   }
+
+  figcaption {
+    margin-top: lib.rem(10);
+    font-size: lib.rem(18);
+    font-style: italic;
+    line-height: lib.rem(32);
+  }
+
+  pre, pre span, pre code {
+    font-size: lib.rem(16);
+  }
+}
+
+@mixin content-image {
+  img {
+    max-width: 100%;
+    height: auto;
+    margin: 0 auto;
+    border-radius: lib.rem(14);
+  }
 }
 
 @mixin transitionAll($ms) {