Substitute for .hide-for-large using Foundation for Emails

large-only-small-only.css

/**
 * ONLY MOBILE / NO MOBILE
*/

/* .small-only shows for mobile, hides for desktop */
table.container table.row .small-only {
  display: none;
  font-size: 0;
  line-height: 0px;
  max-height: 0px;
  mso-hide: all;
  overflow :hidden;
  visibility: hidden;
}

/* .large-only shows for desktop, hides for mobile */
@include mobile {
  table.container table.row .small-only {
    display: table !important;
    font-size: 100% !important;
    line-height: 100% !important;
    overflow: visible !important;
    visibility: visible !important;
  }

  .large-only {
    display: none !important;
  }
}