From: RafiBomb <rafi@zurb.com>
Date: Thu, 10 Mar 2016 16:50:06 +0000 (-0800)
Subject: adds css property to visibility for better coverage on yahoo
X-Git-Tag: v2.0.0-rc.4~55
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=bcfa94bde80c73312a6d12737fb70f9ac3ab7ff4;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

adds css property to visibility for better coverage on yahoo
---

diff --git a/scss/components/_visibility.scss b/scss/components/_visibility.scss
index e6e208ce..d2eeaa1a 100644
--- a/scss/components/_visibility.scss
+++ b/scss/components/_visibility.scss
@@ -6,33 +6,52 @@
 /// @group visibility
 ////
 
-table.body .hide-for-large {
-  display: none !important;
+table.body table.container .hide-for-large {
+  display: none;
   width:0;
-  mso-hide:all;
+  mso-hide:all; // hide selected elements in Outlook 2007-2013
   overflow:hidden;
+  max-height: 0px; 
+  font-size: 0;
+  width: 0px;
+  line-height: 0; 
 
   @media only screen and (max-width: #{$global-breakpoint}) {
-    display: inherit !important;
+    display: block !important;
+    width: auto !important;
+    overflow: visible !important;
   }
 }
 
-table.body .row.hide-for-large,
-table.body .row.hide-for-large {
+table.body table.container .hide-for-large * {
+  mso-hide:all; // hide selected elements in Outlook 2007-2013
+}
+
+table.body table.container .row.hide-for-large,
+table.body table.container .row.hide-for-large {
   @media only screen and (max-width: #{$global-breakpoint}) {
     display: table !important;
-    width: 100%;
+    width: 100% !important;
   }
 }
 
-table.body .show-for-large {
+table.body table.container .show-for-large {
   @media only screen and (max-width: #{$global-breakpoint}) {
     display: none !important;
     width:0;
-    mso-hide:all;
+    mso-hide:all; // hide selected elements in Outlook 2007-2013
     overflow:hidden;
   }
 }
 
-
+// [todo] add image resets
+// img {
+//   max-height: 0;
+//   width: 0;
+// }
+// in media query
+// img { 
+//   max-height: none !important; 
+//   width: auto !important; 
+// }
 
diff --git a/testing/src/pages/kitcat.html b/testing/src/pages/kitcat.html
index c52185ef..edafd5c8 100644
--- a/testing/src/pages/kitcat.html
+++ b/testing/src/pages/kitcat.html
@@ -3,7 +3,7 @@
     <row>
       <columns small="12" large="12">
         <center>
-          <img class="float-center" src="http://placehold.it/150x50" alt="">
+          <img src="http://placehold.it/150x50" alt="">
         </center>
       </columns>
     </row>