From 5f25cd2368904287afbc05e7efd3cbbe474652d0 Mon Sep 17 00:00:00 2001
From: xtina-starr <c.thompsonms@gmail.com>
Date: Sat, 17 Oct 2015 17:49:49 -0400
Subject: [PATCH] typography: added color variables

---
 scss/atoms/typography/_typography.scss |  8 ++++----
 scss/variables/typography.js           | 16 ++++++++++++++++
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/scss/atoms/typography/_typography.scss b/scss/atoms/typography/_typography.scss
index 5d97583..08213c8 100644
--- a/scss/atoms/typography/_typography.scss
+++ b/scss/atoms/typography/_typography.scss
@@ -65,20 +65,20 @@ h6 {
 
 hr {
 	border: 0;
-	border-bottom: 1px solid #999;
+	border-bottom: 1px solid $hr-border-color;
 }
 
 blockquote {
 	margin: 0;
 	padding-left: 1em;
 	position: relative;
-	border-left: 4px solid #eee; // TODO replace with color variable
+	border-left: 4px solid $blockquote-color;
 	font-style: italic;
 }
 
 pre {
 	padding: 16px 20px;
-	background: #f7f7f7;
+	background: $pre-bgcolor;
 	font: normal 12px/1.4 $monospace;
 }
 
@@ -121,7 +121,7 @@ strong {
 }
 
 code {
-	background: #f2f2f2; // TODO replace with color variable
+	background: $code-background;
 	font-size: em( 16px );
 	padding: em( 4px, 16px ) em( 8px, 16px );
 	border-radius: 3px;
diff --git a/scss/variables/typography.js b/scss/variables/typography.js
index 170866b..030bfa6 100644
--- a/scss/variables/typography.js
+++ b/scss/variables/typography.js
@@ -52,6 +52,22 @@ chassis.typography = {
 	sans: {
 		name: "Font Family - Sans",
 		value: "Helvetica, Arial, sans-serif"
+	},
+	"blockquote-color": {
+		name: "blockquote color",
+		value: "#eee"
+	},
+	"code-background": {
+		name: "Code Background Color",
+		value: "#F2F2F2"
+	},
+	"pre-bgcolor": {
+		name: "Pre Background Color",
+		value: "#f7f7f7"
+	},
+	"hr-border-color": {
+		name: "Horizontal Rule Border Color",
+		value: "#999"
 	}
 };