Formatting style guide; update h5 styles

bradfrost · Nov 2, 2016 · c956302 · c956302
1 parent c262313
commit c956302
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 21 deletions.
diff --git a/_site/css/style.css b/_site/css/style.css
@@ -126,9 +126,12 @@ h4 {
   line-height: 1.2; }
 
 h5 {
-  color: #a29e5e;
+  font-family: "Oswald", "Helvetica Neue", Helvetica, sans-serif;
   font-weight: normal;
-  font-size: 1.1em; }
+  font-size: 1.1em;
+  color: #808080;
+  position: relative;
+  margin: 2em 0 0.5em; }
 
 /*------------------------------------*\
     $LINKS
@@ -410,11 +413,6 @@ header {
     line-height: 1.2;
     position: relative;
     margin: 2em 0 0.5em; }
-  .text h5 {
-    color: #808080;
-    font-size: 1.1em;
-    position: relative;
-    margin: 2em 0 0.5em; }
   .text ul, .text ol {
     margin: 0 0 1em 1em; }
   .text a {

diff --git a/_site/feed.xml b/_site/feed.xml
@@ -6,8 +6,8 @@
 </description>
     <link>http://bradfrost.com/</link>
     <atom:link href="http://bradfrost.com/feed.xml" rel="self" type="application/rss+xml"/>
-    <pubDate>Wed, 02 Nov 2016 11:42:21 -0700</pubDate>
-    <lastBuildDate>Wed, 02 Nov 2016 11:42:21 -0700</lastBuildDate>
+    <pubDate>Wed, 02 Nov 2016 11:45:38 -0700</pubDate>
+    <lastBuildDate>Wed, 02 Nov 2016 11:45:38 -0700</lastBuildDate>
     <generator>Jekyll v3.1.2</generator>
 
   </channel>

diff --git a/_site/style-guide/index.html b/_site/style-guide/index.html
@@ -89,7 +89,7 @@ <h4 id="this-is-a-fourth-level-heading">This is a fourth-level heading</h4>
 
 <h5 id="this-is-a-fifth-level-heading">This is a fifth-level heading</h5>
 
-<p>Are you ready for code? How about <code class="highlighter-rouge">inline code</code> blocks? Want to see a code block?! Yeah!?</p>
+<p>Are you ready for code? How about showing what <code class="highlighter-rouge">inline code</code> looks like? Want to see a code block?! Yeah!?</p>
 
 <div class="language-html highlighter-rouge"><pre class="highlight"><code><span class="nt">&lt;coooooodddddeee&gt;</span>
     <span class="nt">&lt;h1</span> <span class="na">class=</span><span class="s">"code-h1"</span><span class="nt">&gt;</span>This is code!<span class="nt">&lt;/h1&gt;</span>
@@ -98,7 +98,7 @@ <h5 id="this-is-a-fifth-level-heading">This is a fifth-level heading</h5>
 </code></pre>
 </div>
 
-<p>And that’s the style guide. Fun fun fun.</p>
+<p>And that’s the style guide for the book. Fun fun fun.</p>
 
 
 

diff --git a/css/style.scss b/css/style.scss
@@ -192,9 +192,12 @@ h4 {
 }
 
 h5 {
-	color: $tan-dark;
+    font-family: $font-primary;
     font-weight: normal;
 	font-size: 1.1em;
+    color: $gray;
+    position: relative;
+    margin: 2em 0 0.5em;
 }
 
 /*------------------------------------*\
@@ -569,13 +572,6 @@ header {
         margin: 2em 0 0.5em;
     }
 
-    h5 {
-    	color: $gray;
-    	font-size: 1.1em;
-        position: relative;
-        margin: 2em 0 0.5em;
-    }
-
 	ul, ol {
 		margin: 0 0 1em 1em;
 	}

diff --git a/styleguide.md b/styleguide.md
@@ -35,7 +35,7 @@ Let's take a look at ordered lists now.
 
 ##### This is a fifth-level heading
 
-Are you ready for code? How about `inline code` blocks? Want to see a code block?! Yeah!?
+Are you ready for code? How about showing what `inline code` looks like? Want to see a code block?! Yeah!?
 
 ````````html
 <coooooodddddeee>
@@ -44,4 +44,4 @@ Are you ready for code? How about `inline code` blocks? Want to see a code block
 </coooooodddddeee>
 ````````
 
-And that's the style guide. Fun fun fun.
+And that's the style guide for the book. Fun fun fun.