92 lines
2.3 KiB
TypeScript
92 lines
2.3 KiB
TypeScript
|
export const emailHead = (headerContent: string): string => {
|
||
|
|
return `
|
||
|
|
<head>
|
||
|
|
<title>${headerContent}</title>
|
||
|
|
<!--[if !mso]><!-->
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<!--<![endif]-->
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<style type="text/css">
|
||
|
|
#outlook a {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
-webkit-text-size-adjust: 100%;
|
||
|
|
-ms-text-size-adjust: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
table,
|
||
|
|
td {
|
||
|
|
border-collapse: collapse;
|
||
|
|
mso-table-lspace: 0pt;
|
||
|
|
mso-table-rspace: 0pt;
|
||
|
|
}
|
||
|
|
|
||
|
|
img {
|
||
|
|
border: 0;
|
||
|
|
height: auto;
|
||
|
|
line-height: 100%;
|
||
|
|
outline: none;
|
||
|
|
text-decoration: none;
|
||
|
|
-ms-interpolation-mode: bicubic;
|
||
|
|
}
|
||
|
|
|
||
|
|
p {
|
||
|
|
display: block;
|
||
|
|
margin: 13px 0;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<!--[if mso]>
|
||
|
|
<noscript>
|
||
|
|
<xml>
|
||
|
|
<o:OfficeDocumentSettings>
|
||
|
|
<o:AllowPNG/>
|
||
|
|
<o:PixelsPerInch>96</o:PixelsPerInch>
|
||
|
|
</o:OfficeDocumentSettings>
|
||
|
|
</xml>
|
||
|
|
</noscript>
|
||
|
|
<![endif]-->
|
||
|
|
<!--[if lte mso 11]>
|
||
|
|
<style type="text/css">
|
||
|
|
.mj-outlook-group-fix { width:100% !important; }
|
||
|
|
</style>
|
||
|
|
<![endif]-->
|
||
|
|
<!--[if !mso]><!-->
|
||
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet" type="text/css">
|
||
|
|
<style type="text/css">
|
||
|
|
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
|
||
|
|
</style>
|
||
|
|
<!--<![endif]-->
|
||
|
|
<style type="text/css">
|
||
|
|
@media only screen and (min-width:480px) {
|
||
|
|
.mj-column-per-100 {
|
||
|
|
width: 100% !important;
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<style media="screen and (min-width:480px)">
|
||
|
|
.moz-text-html .mj-column-per-100 {
|
||
|
|
width: 100% !important;
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<style type="text/css">
|
||
|
|
@media only screen and (max-width:480px) {
|
||
|
|
table.mj-full-width-mobile {
|
||
|
|
width: 100% !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
td.mj-full-width-mobile {
|
||
|
|
width: auto !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
`;
|
||
|
|
};
|