refactor: 💡 docs style

Author: panicdragon

docs/app/main.min.js

@@ -1,7 +1,7 @@
 <template>
     <div>
         <div v-if="error" class="alert red">{{ error }}</div>
-        <div ref="container"></div>
+        <div class="docsMainContainer" ref="container"></div>
     </div>
 </template>
 

docs/app/page.vue

@@ -4,7 +4,7 @@
 
 First of all you need to download Atomic Package. For other packages and links to a CDN, head to the [installation guide](installation.md) to learn more.
 
-<a class="btn primary" href="https://atomic-package.com/download">Download Atomic Package</a>
+<p class="btn primary mt-20"><a href="https://atomic-package.com/download">Download Atomic Package</a></p>
 
 ***
 

docs/pages/introduction.md

@@ -52,7 +52,6 @@
     }
   }
   &.docMain {
-    font-family: ProximaNova,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
     font-size: 15px;
     font-weight: normal;
     line-height: 1.5;

scss/parts/_box.scss

@@ -10,3 +10,13 @@
   font-weight: 300;
 }
 
+.tm-sidebar-right,
+.tm-sidebar-left {
+  font-family: ProximaNova, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+}
+
+.docsMainContainer {
+  & > p {
+    font-family: ProximaNova, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  }
+}