Wp api v1 styles

source/index.md

@@ -14,7 +14,6 @@ toc_footers:
   - <a href="https://github.com/woothemes/woocommerce/issues?labels=API&amp;page=1&amp;state=open">REST API Issues</a>
   - <a href="https://docs.woothemes.com/documentation/plugins/woocommerce/">WooCommerce Documentation</a>
   - <a href="https://github.com/woothemes/woocommerce">WooCommerce Repository</a>
-  - <a href="https://github.com/tripit/slate">Documentation Powered by Slate</a>
 
 includes:
   - wp-api-v1/introduction
@@ -36,5 +35,5 @@ includes:
   - wp-api-v1/webhooks
   - wp-api-v1/authentication-endpoint
 
-search: true
+search: false
 ---

source/layouts/layout.erb

@@ -48,7 +48,9 @@ under the License.
 			</span>
 		</a>
 		<div class="tocify-wrapper">
-			<%= image_tag "logo.png" %>
+			<a href="#introduction" class="logo-wrapper">
+				<%= image_tag "logo.png" %>
+			</a>
 			<% if language_tabs %>
 				<div class="lang-selector">
 					<% language_tabs.each do |lang| %>

source/stylesheets/_syntax.scss.erb

@@ -22,6 +22,6 @@ under the License.
   color: #909090;
 }
 
-.highlight, .highlight .w {
+.highlight code, .highlight .w {
   background-color: $code-bg;
-}
+}

source/stylesheets/_variables.scss

@@ -23,28 +23,27 @@ under the License.
 
 // BACKGROUND COLORS
 ////////////////////
-$nav-bg: #393939;
+$nav-bg: #f7f7f7;
 $examples-bg: #393939;
 $code-bg: #292929;
-$code-annotation-bg: #1c1c1c;
-$nav-subitem-bg: #262626;
-$nav-active-bg: #2467af;
+$nav-subitem-bg: #f7f7f7;
+$nav-active-bg: #9B5C8F;
 $lang-select-border: #000;
 $lang-select-bg: #222;
 $lang-select-active-bg: $examples-bg; // feel free to change this to blue or something
 $lang-select-pressed-bg: #111; // color of language tab bg when mouse is pressed
-$main-bg: #eaf2f6;
-$aside-notice-bg: #8fbcd4;
+$main-bg: #ffffff;
+$aside-notice-bg: #9B5C8F;
 $aside-warning-bg: #c97a7e;
 $aside-success-bg: #6ac174;
 $search-notice-bg: #c97a7e;
-$link-color: #255a8c;
+$link-color: #804877;
 
 
 // TEXT COLORS
 ////////////////////
 $main-text: #333; // main content text color
-$nav-text: #fff;
+$nav-text: #3c3c3c;
 $nav-active-text: #fff;
 $lang-select-text: #fff; // color of unselected language tab text
 $lang-select-active-text: #fff; // color of selected language tab text
@@ -57,10 +56,8 @@ $nav-width: 230px; // width of the navbar
 $examples-width: 50%; // portion of the screen taken up by code examples
 $logo-margin: 20px; // margin between nav items and logo, ignored if search is active
 $main-padding: 28px; // padding to left and right of content & examples
-$nav-padding: 15px; // padding to left and right of navbar
+$nav-padding: 20px; // padding to left and right of navbar
 $nav-v-padding: 10px; // padding used vertically around search boxes and results
-$nav-indent: 10px; // extra padding for ToC subitems
-$code-annotation-padding: 13px; // padding inside code annotations
 $h1-margin-bottom: 21px; // padding under the largest header tags
 $tablet-width: 930px; // min width before reverting to tablet size
 $phone-width: $tablet-width - $nav-width; // min width before reverting to mobile size
@@ -87,7 +84,7 @@ $phone-width: $tablet-width - $nav-width; // min width before reverting to mobil
 
 // OTHER
 ////////////////////
-$nav-active-shadow: #000;
+$nav-active-shadow: #f7f7f7;
 $nav-footer-border-color: #666;
 $nav-embossed-border-top: #000;
 $nav-embossed-border-bottom: #939393;