Style updates

Author: simondoescode

docs/assets/css/apiDocs.css

@@ -555,13 +555,19 @@ body {
       border-bottom: 20px solid black; }
       .apiDocs .nav #navInner .header {
         text-align: center;
-        padding: 1.5rem 1rem; }
+        padding: 4.2rem 1.4rem 1.4rem; }
+      .apiDocs .nav #navInner .version {
+        padding: 0.7rem 1.4rem;
+        text-align: center; }
+        .apiDocs .nav #navInner .version select {
+          background: green;
+          color: white; }
       .apiDocs .nav #navInner ul {
         margin-top: 0;
         list-style: none;
         padding: 0; }
         .apiDocs .nav #navInner ul li {
-          padding: 0.6rem 1rem; }
+          padding: 0.7rem 1.4rem; }
           .apiDocs .nav #navInner ul li a {
             text-decoration: none;
             color: rgba(0, 0, 0, 0.54); }
@@ -572,7 +578,8 @@ body {
     float: left;
     margin-left: 0; }
     .apiDocs .wrap .header {
-      padding: 8.4rem 2.4rem; }
+      padding: 16.8rem 2.8rem 2.8rem;
+      display: inline-block; }
       .apiDocs .wrap .header h1 {
         font-size: 3em; }
     .apiDocs .wrap .content {
@@ -620,7 +627,7 @@ body {
           float: left;
           margin-left: 0;
           font-size: 1.8rem;
-          padding: 2.4rem;
+          padding: 2.8rem;
           background: #FCFCFC; }
           .apiDocs .wrap .content .method .method-description code {
             background: #ededed;
@@ -632,7 +639,7 @@ body {
           margin-left: 0;
           background: #ededed;
           font-size: 1.6rem;
-          padding: 2.4rem; }
+          padding: 2.8rem; }
           .apiDocs .wrap .content .method .method-example .tab-content {
             display: none; }
             .apiDocs .wrap .content .method .method-example .tab-content.current {

docs/index.html

@@ -55,7 +55,8 @@ <h1>apiDocs</h1>
 
 
       <div class="header">
-        <h1>apiDocs - Free to use documentation template.</h1>
+        <h1>apiDocs</h1>
+        <h3>Free to use documentation template</h3>
         Bacon ipsum dolor amet chuck tongue shank, porchetta brisket swine drumstick pork chop ball tip jerky andouille cow venison beef tenderloin. Corned beef jowl chuck turkey, tail pancetta frankfurter pig t-bone cow porchetta. Pork
         belly strip steak
       </div>

src/scss/_main.scss

@@ -4,6 +4,10 @@ body{
 }
 
 .apiDocs{
+
+  $basePadding: 1.4rem;
+
+
   font-family: $fontBody;
   *, *:before, *:after {
     box-sizing: border-box;
@@ -19,6 +23,7 @@ body{
 
 
 
+
   .nav{
     @include grid-column(2, $custom-neat-grid);
       border-right: 1px solid $textDarkDivider;
@@ -29,16 +34,29 @@ body{
 
       .header{
         text-align: center;
-        padding: 1.5rem 1rem;
+        padding: $basePadding*3 $basePadding $basePadding;
+
+      }
+
+      .version{
+        padding: $basePadding/2 $basePadding;
+        text-align: center;
+        select{
+          background: green;
+          color: white;
 
+        }
       }
+
+
+
       ul{
         margin-top: 0;
         list-style: none;
         padding: 0;
 
         li{
-          padding: 0.6rem 1rem;
+          padding: $basePadding/2 $basePadding;
 
           a{
             text-decoration: none;
@@ -63,7 +81,8 @@ body{
 
     .header{
 
-      padding: 8.4rem 2.4rem;
+      padding: $basePadding*12 $basePadding*2 $basePadding*2;
+          display: inline-block;
 
       h1{
         font-size: 3em;
@@ -126,7 +145,7 @@ body{
          @include grid-column(6,$custom-neat-grid);
         //  flex: 1;
          font-size: 1.8rem;
-         padding: 2.4rem;
+         padding: $basePadding*2;
          background: #FCFCFC;
         //  border-right: 1px solid $textDarkDivider;
 
@@ -144,7 +163,7 @@ body{
          background: darken(#FCFCFC,6);
         //  flex: 1;
          font-size: 1.6rem;
-         padding: 2.4rem;
+         padding: $basePadding*2;
 
          .tab-content{
            display: none;