From: Tim Hartwick <tdhartwick2@gmail.com>
Date: Fri, 4 Mar 2016 18:46:18 +0000 (-0800)
Subject: fixed background color and container color
X-Git-Tag: v2.0.0-rc.3~19
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=ad98f78cdf0a5de27b085efaddba6ea6d5fd71bf;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

fixed background color and container color
---

diff --git a/scss/components/_media-query.scss b/scss/components/_media-query.scss
index 7b5b81e5..0f6094a7 100755
--- a/scss/components/_media-query.scss
+++ b/scss/components/_media-query.scss
@@ -6,10 +6,6 @@
 /// @group media-query
 ////
 
-/// Body background color.
-/// @type Length
-$body-background-color: #333 !default;
-
 /// Container width for small screens.
 /// @type Length
 $container-width-small: 95% !default;
@@ -20,11 +16,6 @@ $small-range: $container-width !default;
 
 @media only screen and (max-width: #{$small-range}) {
 
-  table,
-  table.body {
-    background: $body-background-color;
-  }
-
   table.body img {
     width: auto !important;
     height: auto !important;
diff --git a/scss/foundation.scss b/scss/foundation.scss
index cd8ab0f3..cae8c10b 100755
--- a/scss/foundation.scss
+++ b/scss/foundation.scss
@@ -18,14 +18,6 @@
   'components/outlook-first',
   'components/media-query';
 
-body {
-  background-color: #eeeeee;
-}
-
-.container {
-  background-color: #ffffff;
-}
-
 //my overrides
 .header {
   background: #999999;
diff --git a/scss/grid/_grid.scss b/scss/grid/_grid.scss
index 819f4638..3c8bedd5 100755
--- a/scss/grid/_grid.scss
+++ b/scss/grid/_grid.scss
@@ -22,13 +22,26 @@ $column-padding-bottom: 10px !default;
 /// @type Number
 $sub-column-padding-right: $grid-column-gutter / 2 !default;
 
+/// Body background color.
+/// @type Length
+$body-background-color: #eeeeee !default;
+
+//For viewing email in browser
+html {
+  min-height: 100%;
+  background: $body-background-color;
+}
+
 table {
   &.body {
+    background: $body-background-color;
     height: 100%;
     width: 100%;
   }
 
   &.container {
+    background: $container-background-color;
+
     width: $container-width;
     margin: 0 auto;
     text-align: inherit;