TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-01 05:50:35 +03:00
Code Issues Projects Releases Wiki Activity

Typography updates (#14382)

Browse Source 
* Updated email template typography

* Updated border logic for email header
This commit is contained in:
Peter Zimon 2022-03-28 17:28:09 +02:00 committed by GitHub
parent 9089abcc5c
commit a48705def1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
core/server/services/mega/template.js
View File

@ -198,48 +198,55 @@ h5,
h6 { h6 {
margin-top: 0; margin-top: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
line-height: 1.15em; line-height: 1.11em;
font-weight: 600; font-weight: 700;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
} }
h1 { h1 {
margin: 1.5em 0 0.5em 0; margin: 1.5em 0 0.5em 0;
font-size: 42px; font-size: 42px;
font-weight: 600; font-weight: 700;
} }
h2 { h2 {
margin: 1.5em 0 0.5em 0; margin: 1.5em 0 0.5em 0;
font-size: 32px; font-size: 32px;
line-height: 1.22em;
} }
h3 { h3 {
margin: 1.5em 0 0.5em 0; margin: 1.5em 0 0.5em 0;
font-size: 26px; font-size: 26px;
line-height: 1.25em;
} }
h4 { h4 {
margin: 1.8em 0 0.5em 0; margin: 1.8em 0 0.5em 0;
font-size: 21px; font-size: 21px;
line-height: 1.3em; line-height: 1.2em;
} }
h5 { h5 {
margin: 2em 0 0.5em 0; margin: 2em 0 0.5em 0;
font-size: 19px; font-size: 19px;
line-height: 1.4em; line-height: 1.3em;
} }
h6 { h6 {
margin: 2em 0 0.5em 0; margin: 2em 0 0.5em 0;
font-size: 19px; font-size: 19px;
line-height: 1.4em; line-height: 1.3em;
font-weight: 700; font-weight: 700;
} }
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
font-weight: 800;
}
strong { strong {
font-weight: 700; font-weight: 700;
} }
@ -301,6 +308,10 @@ figure blockquote p {
.site-info { .site-info {
padding-top: 50px; padding-top: 50px;
}
.site-info-bordered {
padding-top: 50px;
border-bottom: 1px solid #e5eff5; border-bottom: 1px solid #e5eff5;
} }
@ -322,11 +333,12 @@ figure blockquote p {
padding-bottom: 10px; padding-bottom: 10px;
font-size: 42px; font-size: 42px;
line-height: 1.1em; line-height: 1.1em;
font-weight: 600; font-weight: 700;
text-align: center; text-align: center;
} }
.post-title-serif { .post-title-serif {
font-family: Georgia, serif; font-family: Georgia, serif;
letter-spacing: -0.01em;
} }
.post-title-left { .post-title-left {
text-align: left; text-align: left;
@ -388,7 +400,7 @@ figure blockquote p {
font-family: Georgia, serif; font-family: Georgia, serif;
font-size: 18px; font-size: 18px;
line-height: 1.5em; line-height: 1.5em;
color: #23323D; color: #15212A;
padding-bottom: 20px; padding-bottom: 20px;
border-bottom: 1px solid #e5eff5; border-bottom: 1px solid #e5eff5;
} }
@ -397,7 +409,7 @@ figure blockquote p {
max-width: 600px !important; max-width: 600px !important;
font-size: 17px; font-size: 17px;
line-height: 1.5em; line-height: 1.5em;
color: #23323D; color: #15212A;
padding-bottom: 20px; padding-bottom: 20px;
border-bottom: 1px solid #e5eff5; border-bottom: 1px solid #e5eff5;
} }
@ -711,7 +723,7 @@ a[data-flickr-embed] img {
} }
.kg-header-card h3 strong { .kg-header-card h3 strong {
font-weight: 600; font-weight: 700;
} }
.kg-header-card.kg-size-large h3 { .kg-header-card.kg-size-large h3 {
@ -1148,7 +1160,7 @@ ${ templateSettings.showBadge ? `
${ templateSettings.showHeaderIcon || templateSettings.showHeaderTitle ? ` ${ templateSettings.showHeaderIcon || templateSettings.showHeaderTitle ? `
<tr> <tr>
<td class="site-info" width="100%" align="center"> <td class="${templateSettings.showHeaderTitle ? `site-info-bordered` : `site-info`}" width="100%" align="center">
<table role="presentation" border="0" cellpadding="0" cellspacing="0"> <table role="presentation" border="0" cellpadding="0" cellspacing="0">
${ templateSettings.showHeaderIcon && site.iconUrl ? ` ${ templateSettings.showHeaderIcon && site.iconUrl ? `
<tr> <tr>