more styling fixes
This commit is contained in:
Fabians
Родитель
3564757678
Коммит
b363df2f73
|
|
@ -91,7 +91,7 @@
|
|||
</head>
|
||||
|
||||
<body style="word-spacing:normal;">
|
||||
<div style="">
|
||||
<div style>
|
||||
<!-- 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]-->
|
||||
<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>
|
||||
<tr>
|
||||
<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>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
|
@ -142,10 +142,10 @@
|
|||
<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;">
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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 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 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 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> Here's a basic <a href="#" alt="link title">link</a>. </p>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
"name": "speckle-email-templates",
|
||||
"packageManager": "yarn@3.2.2",
|
||||
"scripts": {
|
||||
"serve:assets": "http-server -p 4040",
|
||||
"serve": "http-server -p 4040",
|
||||
"build": "mjml ./src/*.mjml -o ./dist/",
|
||||
"watch": "mjml -w ./src/*.mjml -o ./dist/"
|
||||
},
|
||||
|
|
|
|||
|
|
@ -1,9 +1,25 @@
|
|||
<mjml>
|
||||
<mj-head>
|
||||
<mj-attributes>
|
||||
<mj-all font-family="Helvetica" />
|
||||
<mj-all font-family="Helvetica" font-size="16px" />
|
||||
</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-body>
|
||||
<!-- Header -->
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче