67 lines
1.5 KiB
SCSS
67 lines
1.5 KiB
SCSS
// Foundation for Emails by ZURB
|
|
// zurb.com/ink/
|
|
// Licensed under MIT Open Source
|
|
|
|
////
|
|
/// @group visibility
|
|
////
|
|
|
|
.hide-for-large {
|
|
display: none !important;
|
|
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;
|
|
// }
|
|
|