huanld/speckle-email-templates
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more styling fixes

Browse Source
This commit is contained in:
Fabians
2022-08-18 10:22:56 +03:00
parent 3564757678
commit b363df2f73
3 changed files with 24 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/main_server_template.html
Vendored
+6 -6
View File
@@ -91,7 +91,7 @@
</head> </head>
<body style="word-spacing:normal;"> <body style="word-spacing:normal;">
<div style=""> <div style>
<!-- Header --> <!-- Header -->
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="linear-gradient(90deg, rgba(0,143,233,1) 0%, rgba(0,76,235,1) 100%)" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="linear-gradient(90deg, rgba(0,143,233,1) 0%, rgba(0,76,235,1) 100%)" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="background:linear-gradient(90deg, rgba(0,143,233,1) 0%, rgba(0,76,235,1) 100%);background-color:linear-gradient(90deg, rgba(0,143,233,1) 0%, rgba(0,76,235,1) 100%);margin:0px auto;border-radius:8px;max-width:600px;"> <div style="background:linear-gradient(90deg, rgba(0,143,233,1) 0%, rgba(0,76,235,1) 100%);background-color:linear-gradient(90deg, rgba(0,143,233,1) 0%, rgba(0,76,235,1) 100%);margin:0px auto;border-radius:8px;max-width:600px;">
@@ -109,7 +109,7 @@
<tbody> <tbody>
<tr> <tr>
<td style="width:100px;"> <td style="width:100px;">
<img alt="Speckle" height="auto" src="http://localhost:4040/assets/logo-slab-white.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:16px;" width="100" /> <img alt="Speckle" height="auto" src="http://localhost:4040/assets/logo-slab-white.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:16px;" width="100">
</td> </td>
</tr> </tr>
</tbody> </tbody>
@@ -142,10 +142,10 @@
<td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;">
<div style="font-family:Helvetica;font-size:16px;line-height:1;text-align:left;color:#000000;"> <div style="font-family:Helvetica;font-size:16px;line-height:1;text-align:left;color:#000000;">
<p> Hello, </p> <p> Hello, </p>
<h1> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rutrum quisque non tellus orci ac auctor. </h1> <h1 style="font-size: 2em;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rutrum quisque non tellus orci ac auctor. </h1>
<h2> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rutrum quisque non tellus orci ac auctor. </h2> <h2 style="font-size: 1.5em;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rutrum quisque non tellus orci ac auctor. </h2>
<h3> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rutrum quisque non tellus orci ac auctor. </h3> <h3 style="font-size: 1.17em;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rutrum quisque non tellus orci ac auctor. </h3>
<h4> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rutrum quisque non tellus orci ac auctor. </h4> <h4 style="font-size: 1em;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rutrum quisque non tellus orci ac auctor. </h4>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rutrum quisque non tellus orci ac auctor. </p> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rutrum quisque non tellus orci ac auctor. </p>
<p> Here's a basic <a href="#" alt="link title">link</a>. </p> <p> Here's a basic <a href="#" alt="link title">link</a>. </p>
</div> </div>
package.json
+1 -1
View File
@@ -2,7 +2,7 @@
"name": "speckle-email-templates", "name": "speckle-email-templates",
"packageManager": "yarn@3.2.2", "packageManager": "yarn@3.2.2",
"scripts": { "scripts": {
"serve:assets": "http-server -p 4040", "serve": "http-server -p 4040",
"build": "mjml ./src/*.mjml -o ./dist/", "build": "mjml ./src/*.mjml -o ./dist/",
"watch": "mjml -w ./src/*.mjml -o ./dist/" "watch": "mjml -w ./src/*.mjml -o ./dist/"
}, },
src/main_server_template.mjml
+17 -1
View File
@@ -1,9 +1,25 @@
<mjml> <mjml>
<mj-head> <mj-head>
<mj-attributes> <mj-attributes>
<mj-all font-family="Helvetica" />
<mj-all font-family="Helvetica" font-size="16px" /> <mj-all font-family="Helvetica" font-size="16px" />
</mj-attributes> </mj-attributes>
<mj-style inline="inline">
h1 {
font-size: 2em
}
h2 {
font-size: 1.5em
}
h3 {
font-size: 1.17em
}
h4 {
font-size: 1em
}
</mj-style>
</mj-head> </mj-head>
<mj-body> <mj-body>
<!-- Header --> <!-- Header -->