Contents

// Foundation for Emails by ZURB
// zurb.com/ink/
// Licensed under MIT Open Source

////
/// @group visibility
////

.hide-for-large {
  display: none !important;
  width:0;
  mso-hide:all; // hide selected elements in Outlook 2007-2013
  overflow:hidden;
  max-height: 0;
  font-size: 0;
  width: 0;
  line-height: 0; 

  @media only screen and (max-width: #{$global-breakpoint}) {
    display: block !important;
    width: auto !important;
    overflow: visible !important;
    max-height: none !important; 
    font-size: inherit !important;
    line-height: inherit !important;
  }
}

table.body table.container .hide-for-large * {
  mso-hide:all; // hide selected elements in Outlook 2007-2013
}

table.body table.container .hide-for-large,
table.body table.container .row.hide-for-large {
  @media only screen and (max-width: #{$global-breakpoint}) {
    display: table !important;
    width: 100% !important;
  }
}

table.body table.container .callout-inner.hide-for-large {
  @media only screen and (max-width: #{$global-breakpoint}) {
    display: table-cell !important;
    width: 100% !important;
  }
}

table.body table.container .show-for-large {
  @media only screen and (max-width: #{$global-breakpoint}) {
    display: none !important;
    width:0;
    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; 
// }

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
foundation_emails-2.1.0.1	vendor/assets/stylesheets/foundation-emails/components/_visibility.scss
foundation_emails-2.1.0	vendor/assets/stylesheets/foundation-emails/components/_visibility.scss