Skip to content

18.2 overview of css classes

18.2 Overview of CSS classes

In this chapter, all standard CSS classes are listed once again. If you would like to define your own specifications for your newsletter design, it is recommended to define new names. For example instead of .inner better .custom.inner.

body{ Margin: 0; padding: 0; min-width: 100%;

mso-line-height-rule:exactly;
}
.wrapper { width: 100%; table-layout: fixed;
-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
background-color: ${grid.backgroundColor};
}
.content { Margin: 0 auto; width: 100%;
max-width: ${gridWidth}px;
background-color: ${grid.stageColor};
}
.webkit { width: 100%;
max-width: ${gridWidth}px;
}
/* Max Width Apple Hack */
@media only screen and (min-device-width: ${gridWidth + 1}px) {
.webkit { width: ${gridWidth}px !important;
}
}
table { border-spacing: 0;
font-family: sans-serif; /* Var Font-Family */ color: ${grid.textColor}; /* Var Text-Color */
}
td { word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;
border-collapse: collapse !important;
}
img { display: block; border: 0; width: 100%; max-width: 100%; height: auto;
}
/* Grid */
.grid-columns { text-align: center; font-size: 0px; line-height: 0px;
}
.grid-columns .column { width: 100%; display: inline-block; vertical-align: top;
}
.left .grid-columns { text-align: left;
}
.right .grid-columns { text-align: right;
}
.inner { font-size: 12px; line-height: 14px;
}
<div class="column" style="width: 100.0%; display: inline-block; vertical-align: top; max-width: 660.0px;">
<table style="border-spacing: 0; font-family: sans-serif; color:
#000000;" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="inner" style="border-collapse: collapse; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; font-size: 0; line-height: 0; padding-left: 5.0px; paddingright: 5.0px; padding-top: 0.0px; padding-top: 0 !important; border-collapse: collapse !important;">
<div class="div-container" style="text-align: left; display: inline-block; background-color: #ffffff;">