padding corrections

Contra · Contra · commit 71e0f13159e4 · 2014-12-30T13:38:49.000-08:00
diff --git a/dist/css/style.css b/dist/css/style.css
@@ -159,7 +159,7 @@ body {
   -ms-transform: translateX(50%);
   transform: translateX(50%);
   margin-bottom: 0;
-  font-size: 20px;
+  font-size: 16px;
   font-weight: 300;
   line-height: 1;
 }
@@ -176,11 +176,30 @@ body {
   left: 50%;
 }
 .navbar .navbar-links {
-  position: static;
-  float: right;
+  *zoom: 1;
+  width: auto;
+  max-width: 1440px;
+  float: none;
+  display: block;
+  margin-right: auto;
+  margin-left: auto;
+  padding-left: 0;
+  padding-right: 0;
+}
+.navbar .navbar-links:before,
+.navbar .navbar-links:after {
+  content: '';
+  display: table;
+}
+.navbar .navbar-links:after {
+  clear: both;
 }
 .navbar .navbar-links .navbar-link {
-  padding: 15px;
+  padding: 0 15px;
+  border-right: 1px solid rgba(255,255,255,0.2);
+}
+.navbar .navbar-links .navbar-link:last-child {
+  border-right: none;
 }
 .main-header {
   height: 100%;
@@ -241,7 +260,7 @@ body {
 .main-info {
   *zoom: 1;
   width: auto;
-  max-width: 800px;
+  max-width: 1024px;
   float: none;
   display: block;
   margin-right: auto;
@@ -268,7 +287,7 @@ body {
   margin-right: 3%;
   *zoom: 1;
   width: auto;
-  max-width: 800px;
+  max-width: 1024px;
   float: none;
   display: block;
   margin-right: auto;
diff --git a/dist/index.html b/dist/index.html
@@ -23,8 +23,9 @@
             <nav class="navbar">
               <a href="http://gulpjs.com" class="navbar-title">gulp.js</a>
               <div class="navbar-links">
+                <a href="https://github.com/gulpjs/gulp/tree/master/docs" class="navbar-link">Docs</a>
                 <a href="http://gulpjs.com/plugins" class="navbar-link">Plugins</a>
-                <a href="http://gulpjs.com/plugins" class="navbar-link">Twitter</a>
+                <a href="https://twitter.com/gulpjs" class="navbar-link">Twitter</a>
               </div>
             </nav>
             <div class="main-header-content">
diff --git a/src/css/style.styl b/src/css/style.styl
@@ -36,7 +36,7 @@ body
     transition: opacity .2s linear
     transform: translateX(50%)
     margin-bottom: 0
-    font-size: 20px
+    font-size: 16px
     font-weight: 300
     line-height: 1
 
@@ -50,12 +50,15 @@ body
     left: 50%
 
   .navbar-links
-    position: static
-    float: right
+    center()
     
     .navbar-link
-      padding: 15px
-    
+      padding: 0 15px
+      border-right: 1px solid rgba(255, 255, 255, 0.2)
+      
+      &:last-child
+        border-right: none
+
 .main-header
   height: 100%
   width: 100%
@@ -98,12 +101,12 @@ body
     box-shadow: 0 0 50px rgba(255,255,255,.3)
 
 .main-info
-  center(max-width: 800px)
+  center(max-width: 1024px)
   background-color: #fff
 
 .benefits
   col(1/1)
-  center(max-width: 800px)
+  center(max-width: 1024px)
   padding: 50px
 
   .benefit
diff --git a/src/index.html b/src/index.html
@@ -23,8 +23,9 @@
             <nav class="navbar">
               <a href="http://gulpjs.com" class="navbar-title">gulp.js</a>
               <div class="navbar-links">
+                <a href="https://github.com/gulpjs/gulp/tree/master/docs" class="navbar-link">Docs</a>
                 <a href="http://gulpjs.com/plugins" class="navbar-link">Plugins</a>
-                <a href="http://gulpjs.com/plugins" class="navbar-link">Twitter</a>
+                <a href="https://twitter.com/gulpjs" class="navbar-link">Twitter</a>
               </div>
             </nav>
             <div class="main-header-content">
