From d9274dec60af32791eaaf236d6173d62eb27adb2 Mon Sep 17 00:00:00 2001
From: scotty <scott@unitedcreations.com>
Date: Mon, 14 Mar 2016 11:49:45 -0700
Subject: [PATCH] docs right margin fix

---
 _layouts/docwithnav.html | 10 +++++-----
 _sass/_base.sass         | 26 ++++++++++++++++++++------
 _sass/_desktop.sass      | 13 +++++++++++++
 _sass/_tablet.sass       | 32 ++++++++++++++++----------------
 4 files changed, 54 insertions(+), 27 deletions(-)
diff --git a/_layouts/docwithnav.html b/_layouts/docwithnav.html
index 2132364911..70d648ce25 100755
--- a/_layouts/docwithnav.html
+++ b/_layouts/docwithnav.html
@@ -1,7 +1,7 @@
 {% for thistoc in site.data.globals.tocs %}{% if foundTOC %}{% break %}{% else %}{% assign tree = site.data[thistoc].toc %}{% include tocsearch.html %}{% endif %}{% endfor %}
 {% for override in site.data.overrides.overrides %}{% if page.path contains override.path %}{% assign notitle = "true" %}{% endif %}{% endfor %}
 <!Doctype html>
-<html id="docs">
+<html id="docs" class="{{site.data[foundTOC].bigheader}}">
 
 {% include head-header.html %}
 
@@ -11,10 +11,10 @@
 	<h5>{{ site.data[foundTOC].abstract }}</h5>
 	<div id="vendorStrip" class="light-text">
 		<ul>
-			<li><a href="/docs/">GUIDES</a></li>
-			<li><a href="/docs/reference">REFERENCE</a></li>
-			<li><a href="/docs/samples">SAMPLES</a></li>
-			<li><a href="/docs/troubleshooting/">SUPPORT</a></li>
+			<li><a href="/docs/" {% if site.data[foundTOC].bigheader == "Guides" %}class="YAH"{% endif %}>GUIDES</a></li>
+			<li><a href="/docs/reference" {% if site.data[foundTOC].bigheader == "Reference Documentation" %}class="YAH"{% endif %}>REFERENCE</a></li>
+			<li><a href="/docs/samples" {% if site.data[foundTOC].bigheader == "Samples" %}class="YAH"{% endif %}>SAMPLES</a></li>
+			<li><a href="/docs/troubleshooting/" {% if site.data[foundTOC].bigheader == "Support" %}class="YAH"{% endif %}>SUPPORT</a></li>
 		</ul>
 		<div id="searchBox">
 			<input type="text" id="search" placeholder="Search" onkeydown="if (event.keyCode==13) window.location.replace('/docs/search/?q=' + this.value)">
diff --git a/_sass/_base.sass b/_sass/_base.sass
index 8ae7c59460..9fbd1a57bf 100644
--- a/_sass/_base.sass
+++ b/_sass/_base.sass
@@ -1,22 +1,22 @@
 @import "reset"
 
 // TEXT
-$h1-font-size: 40px
+$h1-font-size: 32px
 $h1-line-height: 40px
 
-$h2-font-size: 42px
+$h2-font-size: 28px
 $h2-line-height: 60px
 
-$h3-font-size: 26px
+$h3-font-size: 24px
 $h3-line-height: 32px
 
-$h4-font-size: 26px
+$h4-font-size: 20px
 $h4-line-height: 40px
 
-$h5-font-size: 18px
+$h5-font-size: 16px
 $h5-line-height: 36px
 
-$p-font-size: 16px
+$p-font-size: 14px
 $p-line-height: 22px
 
 
@@ -74,6 +74,11 @@ section, header, footer
 		position: relative
 		margin: auto
 
+p
+	font-size: 14px
+	font-weight: 400
+
+
 .button
 	display: inline-block
 	border-radius: 6px
@@ -305,6 +310,14 @@ header
 	white-space: nowrap
 	text-align: center
 
+	li a
+		color: transparentize(white, 0.5)
+
+		&.YAH
+			color: white
+			position: relative
+
+
 // FOOTER
 footer
 	width: 100%
@@ -746,6 +759,7 @@ section
 
 	h5, h6
 		font-size: 16px
+		font-weight: 500
 
 	p
 		font-size: 16px
diff --git a/_sass/_desktop.sass b/_sass/_desktop.sass
index 7d2a7f5bd9..21f21be1ee 100644
--- a/_sass/_desktop.sass
+++ b/_sass/_desktop.sass
@@ -7,6 +7,19 @@ $video-section-height: 550px
 		height: $vendor-strip-height
 		line-height: $vendor-strip-height
 
+		li
+			a.YAH
+				&:after
+					content: ""
+					display: block
+					position: absolute
+					left: 0
+					bottom: 0
+					width: 100%
+					height: 4px
+					background-color: $blue
+
+
 		#searchBox
 			float: right
 
diff --git a/_sass/_tablet.sass b/_sass/_tablet.sass
index b8686aeafb..a139308695 100644
--- a/_sass/_tablet.sass
+++ b/_sass/_tablet.sass
@@ -1,21 +1,21 @@
 // TEXT
 //$h1-font-size: 60px
 //$h1-line-height: 80px
-
-$h2-font-size: 42px
-$h2-line-height: 60px
-
-$h3-font-size: 26px
-$h3-line-height: 32px
-
-$h4-font-size: 26px
-$h4-line-height: 40px
-
-$h5-font-size: 18px
-$h5-line-height: 36px
-
-$p-font-size: 20px
-$p-line-height: 28px
+//
+//$h2-font-size: 42px
+//$h2-line-height: 60px
+//
+//$h3-font-size: 26px
+//$h3-line-height: 32px
+//
+//$h4-font-size: 26px
+//$h4-line-height: 40px
+//
+//$h5-font-size: 18px
+//$h5-line-height: 36px
+//
+//$p-font-size: 20px
+//$p-line-height: 28px
 
 
 // header
@@ -83,7 +83,7 @@ $feature-box-div-width: 45%
 
 	#docs
 		#vendorStrip
-			ul
+			li
 				a
 					font-size: 1em
 					font-weight: normal
