Merge pull request #383 from pycom/doc-styles

pycommatthew · web-flow · commit bd4cbb03af02 · 2021-03-05T14:30:50.000Z
Adds Montserrat font and adds to CSS, Makes H2 Bebas font and small c…
diff --git a/content/products/_index.md b/content/products/_index.md
@@ -55,4 +55,4 @@ Below you will find tables of all Pycom products. These tables illustrate the fu
 [Pycase](https://pycom.io/product/pycase-clear/) | &#10004; | &#10004; | | small |
 [Pygate case](https://pycom.io/product/pygate-case/) |  &#10004; | &#10004; | | tiny |
 [Small IP67 Case](https://pycom.io/product/ip67-case-for-pysense-pytrack/) |  | | &#10004;| 18650 |
-[Universal IP76 Case](https://pycom.io/product/universal-ip67-case/) |  &#10004; |  &#10004; | &#10004;| 18650 |
+[Universal IP67 Case](https://pycom.io/product/universal-ip67-case/) |  &#10004; |  &#10004; | &#10004;| 18650 |
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -2,7 +2,9 @@
 <html class="fancyScroll">
 <head>
   <meta charset="utf-8">
+  <link rel="preconnect" href="https://fonts.gstatic.com">
   <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
   <!--<link href="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.min.css" rel="stylesheet">-->
   <link href="/css/vuetify.css" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
diff --git a/themes/doc-theme/layouts/partials/menu.html b/themes/doc-theme/layouts/partials/menu.html
@@ -14,7 +14,7 @@
       <ul class="lefttree">
         <li class="lefttree">
             <a href="/" class="beba" style="color: #1E1E3C; text-decoration: none;" >
-              <v-icon style="color: #1E1E3C;" class="mr-1" >home</v-icon> Introduction</a>
+              <v-icon style="color: #1E1E3C;">home</v-icon> Introduction</a>
         </li>
       </ul>
 
diff --git a/themes/doc-theme/static/css/doc-theme.css b/themes/doc-theme/static/css/doc-theme.css
@@ -52,9 +52,26 @@ nav#TableOfContents {
 
 h1, h2, h3, h4 {
   color: #1E1E3C;
-  letter-spacing: 0.1em;
   opacity: 0.9;
 }
+h1, h3, h4 {
+  letter-spacing: 0.1em;
+}
+h2 {
+  font-family: 'Montserrat';
+}
+h3 {
+  font-family: 'Montserrat';
+  color: rgb(0,112,32);
+  letter-spacing: normal;
+  font-size: 1em;
+  padding-top: 1em;
+}
+h4 {
+  font-family: 'Montserrat';
+  letter-spacing: normal;
+  padding-top: 1em;
+}
 
 
 h1 {
@@ -114,7 +131,7 @@ url("/fonts/space-mono/SpaceMono-Regular.eot") format("opentype");
 
 .application {
   /* font-family: 'Beba',Helvetica,Arial,Lucida,sans-serif; */
-  font-family: 'Space Mono';
+  /* font-family: 'Space Mono'; */
 }
 
 a.bread:hover {
@@ -362,8 +379,8 @@ code {
   padding-top: 24px;
 }
 
-p {
-  font-family: 'Space Mono';
+p, li {
+  font-family: 'Montserrat';
 }
 
 
