making sure the pattern gets a white background

dmolsen · dmolsen · commit 9e5cd45515d7 · 2013-09-07T08:48:43.000-04:00
diff --git a/public/styleguide/css/styleguide.css b/public/styleguide/css/styleguide.css
@@ -55,6 +55,10 @@ html, body {
   background: #dddddd;
   -webkit-text-size-adjust: 100%; }
 
+html#pattern-frame {
+  background: #ffffff;
+}
+
 .sg-nav-wrapper {
   overflow: hidden;
   background: #dddddd; }
diff --git a/public/styleguide/css/styleguide.scss b/public/styleguide/css/styleguide.scss
@@ -112,6 +112,10 @@ html, body {
 	-webkit-text-size-adjust: 100%;
 }
 
+html#pattern-frame {
+	background: #fff;
+}
+
 .sg-nav-wrapper {
 	overflow: hidden;
 	background: $sg-tertiary;
diff --git a/source/_patternlab-files/pattern-header-footer/header.html b/source/_patternlab-files/pattern-header-footer/header.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html id="pattern-frame">
 <head>
 	<title>Pattern Lab Pattern</title>
 	<meta charset="UTF-8">
@@ -9,8 +9,9 @@
 		Remember that patterns are displayed from two-levels deep (e.g. patterns/patterntype-patternsubtype-patternname/patterntype-patternsubtype-patternname.html)
 		Therefore all calls to assets should have the ../../ in order to work in an apache-less environment
 	-->
+	
 	<link rel="stylesheet" href="../../styleguide/css/styleguide.css" media="all" />
-  <link rel="stylesheet" href="../../css/style.css" media="all" />
+	<link rel="stylesheet" href="../../css/style.css" media="all" />
 </head>
 <body>
 
