fixed background color and container color

diff --git a/scss/components/_media-query.scss b/scss/components/_media-query.scss
index 7b5b81e515f1f4be8e2b62ff8391a9f00e8d4552..0f6094a764c68f5b570a3cc7b687e85e0ce750d8 100755 (executable)
--- 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 cd8ab0f3243872958004aba12cde8405efd914c4..cae8c10beabcdcadf62f8457a22e36ae48a865a9 100755 (executable)
--- 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 819f4638949b55b727085fa0b7af0c2c941e53dc..3c8bedd51cf93ac0aaaf11710ea60f8eddcda237 100755 (executable)
--- 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;