Build: minor style tweaks

Author: MichaelArestad

typography.html renamed to demos/typography.html

@@ -6,7 +6,8 @@
 	<title>CSS Chasis - Typography</title>
 	<meta name="description" content="Typography skeleton for styling">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<link rel="stylesheet" href="dist/css/chassis.css">
+	<link rel="stylesheet" href="../dist/css/chassis.css">
+	<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic,700italic' rel='stylesheet' type='text/css'>
 	<style>
 		body {
 			max-width: 700px;
@@ -129,7 +130,7 @@ <h2>Text-level elements</h2>
 	<li>abbreviation: <abbr title="Syntactically Awesome Stylesheets">SASS</abbr> &lt;abbr&gt;</li>
 	<li><b>bold</b> &lt;b&gt;</li>
 	<li>citation: <cite>A Study in Scarlet</cite> &lt;cite&gt;</li>
-	<li>code: <code>&lt;-- @include _hammer --&gt;</code> &lt;code&gt;</li>
+	<li>Here's the <code>&lt;code&gt;</code> element</li>
 	<li>deleted text: <del>Episodes I, II, III</del> &lt;del&gt;</li>
 	<li>definition: The <dfn>definition element</dfn> is the element being defined inline. &lt;dfn&gt;</li>
 	<li><em>emphasis</em> &lt;em&gt;</li>

scss/atoms/typography/_typography.scss

@@ -6,9 +6,6 @@
 	"variables",
 	"functions";
 
-// TODO probably should do the import in the `head` in case character sets need to change dynamically
-@import url( http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic,700italic );
-
 body {
 	font: $normal #{ map-get( $root-font, font-size ) }/1.5 $sans-serif;
 
@@ -20,39 +17,40 @@ body {
 	}
 }
 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-	font-weight: 600;
-	line-height: 1;
-}
-
 h1 {
 	font-size: em( 67px ); // 54px works nicely, as well
 	font-weight: 700;
+	line-height: 1;
 }
 
 h2 {
 	font-size: em( 36px );
+	font-weight: 600;
+	line-height: 1;
 }
 
 h3 {
 	font-size: em( 30px );
+	font-weight: 600;
+	line-height: 1;
 }
 
 h4 {
 	font-size: em( 24px );
+	font-weight: 600;
+	line-height: 1;
 }
 
 h5 {
 	font-size: em( 20px );
+	font-weight: 600;
+	line-height: 1;
 }
 
 h6 {
 	font-size: em( 16px );
+	font-weight: 600;
+	line-height: 1;
 	text-transform: uppercase;
 }
 
@@ -69,7 +67,7 @@ blockquote {
 	margin: 0;
 	padding-left: 1em;
 	position: relative;
-	border-left: 4px solid #eee;
+	border-left: 4px solid #eee; // TODO replace with color variable
 	font-style: italic;
 }
 
@@ -122,3 +120,10 @@ b,
 strong {
 	font-weight: $bold;
 }
+
+code {
+	background: #f2f2f2; // TODO replace with color variable
+	font-size: em( 16px );
+	padding: em( 4px, 16px ) em( 8px, 16px );
+	border-radius: 3px;
+}