Typography updates (#14382)

* 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

View File

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