fix(website): Different fixes to fit with the tickets #76 & #81

algolia · Apr 6, 2016 · ef2f2d0 · ef2f2d0
1 parent e8d2005
commit ef2f2d0
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 11 deletions.
diff --git a/docs/source/stylesheets/components/_containers.scss b/docs/source/stylesheets/components/_containers.scss
@@ -9,10 +9,6 @@
   float: none;
   margin: auto;
   width: 100%;
-
-  @media (min-width: $bp-big) {
-    max-width: calc(#{$max-width} + 260px);
-  }
 }
 
 section {
@@ -30,8 +26,8 @@ section {
     color: #fff;
     padding-top: $navigation-height*1.5;
 
-    .hero-container {
-      margin-top: 20px;
+    .container {
+      margin-top: 40px;
     }
 
     .icon {
@@ -57,12 +53,15 @@ section {
 
     h1 {
       line-height: 22px;
+      padding: 16px 0;
+      margin-top: 32px;
     }
 
     h3 {
       font-size: 20px;
       color: $powder-blue;
       font-weight: 400;
+      padding: 8px 0;
     }
 
 

diff --git a/docs/source/stylesheets/components/_documentation.scss b/docs/source/stylesheets/components/_documentation.scss
@@ -1,7 +1,7 @@
 .documentation-section {
-  padding-top: 120px;
 
   .container {
+
     article {
       width: 100%;
       position: relative;
@@ -36,6 +36,7 @@
     left: #{$sidebar-width};
     width: calc(100% - #{$sidebar-width});
     padding-left: 30px;
+    padding-top: 120px;
 
     // API tables
     table.api {
@@ -84,6 +85,10 @@
           }
         }
       }
+      &+ h2,
+      &+ h3 {
+        margin-top: 2em;
+      }
     }
 
     .anchor {

diff --git a/docs/source/stylesheets/components/_navigation.scss b/docs/source/stylesheets/components/_navigation.scss
@@ -90,14 +90,20 @@
     }
 
     li {
-      display: inline-block;
-      padding: 0 6px;
       float: left;
-
+      padding: 0 15px;
+      font-family: "Open Sans";
+      font-size: 14px;
+      text-transform: capitalize;
+      padding-bottom: 19px;
+
+      a {
+        padding-bottom: 18px;
+      }
 
       &.active {
         a {
-          border-bottom: 2px solid $red-pink;
+          border-bottom: 3px solid $red-pink;
         }
       }
     }

diff --git a/docs/source/stylesheets/components/_sidebar.scss b/docs/source/stylesheets/components/_sidebar.scss
@@ -5,11 +5,13 @@ nav.sidebar {
   position: absolute;
   max-width: $sidebar-width;
   border-right: 1px solid #d8d8d8;
+  padding-top: 120px;
 
   &.fixed {
     position: fixed;
     top: $navigation-height + 16px;
     z-index: 9;
+    padding-top: 0;
   }
 
 

diff --git a/docs/source/stylesheets/vendors/_helpers.scss b/docs/source/stylesheets/vendors/_helpers.scss
@@ -54,7 +54,14 @@ hr {
     font-weight: bold;
     width: 0;
     float: left;
+  }
+
+  body.index &{
+    display: none;
 
+    &+ span {
+      display: none !important;
+    }
   }
 }