mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-04-01 02:41:39 -05:00
Changed "latest posts" layout in email template on mobile (#18894)
Refs https://ghost.slack.com/archives/C019B1K4FAM/p1699127038805739 - Removed mobile styles so that latest posts are always in the same layout, instead of in a single column on mobile - Fixed img caption font size rendering too large on mobile
This commit is contained in:
Sanne de Vries
GitHub
parent
b9b1502772
commit
dbe00929d3
6 changed files with 346 additions and 657 deletions
|
|
@ -191,8 +191,7 @@ Object {
|
|||
table.body p,
|
||||
table.body ul,
|
||||
table.body ol,
|
||||
table.body td,
|
||||
table.body span {
|
||||
table.body td {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
|
|
@ -308,35 +307,30 @@ table.body .feedback-button-mobile-text {
|
|||
}
|
||||
|
||||
table.body .latest-posts-header {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-img {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-img-mobile {
|
||||
display: inline-block !important;
|
||||
width: 100%;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-title {
|
||||
display: inline-block !important;
|
||||
width: 100%;
|
||||
padding-right: 0 !important;
|
||||
padding-bottom: 8px !important;
|
||||
padding-right: 8px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post h4,
|
||||
table.body .latest-post h4 span {
|
||||
padding: 4px 0 !important;
|
||||
font-size: 18px !important;
|
||||
padding: 4px 0 6px !important;
|
||||
font-size: 15px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post p,
|
||||
table.body .latest-post p span {
|
||||
table.body .latest-post-excerpt,
|
||||
table.body .latest-post-excerpt a,
|
||||
table.body .latest-post-excerpt span {
|
||||
font-size: 13px !important;
|
||||
line-height: 1.25em;
|
||||
line-height: 1.2 !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-excerpt span {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
table.body .subscription-box h3 {
|
||||
|
|
@ -428,11 +422,6 @@ table.body h2 span {
|
|||
table.body hr {
|
||||
margin: 2em 0 !important;
|
||||
}
|
||||
|
||||
table.body figcaption,
|
||||
table.body figcaption a {
|
||||
font-size: 13px !important;
|
||||
}
|
||||
}
|
||||
@media all {
|
||||
.subscription-details p.hidden {
|
||||
|
|
@ -736,7 +725,7 @@ exports[`Email Preview API Read can read post email preview with email card and
|
|||
Object {
|
||||
"access-control-allow-origin": "http://127.0.0.1:2369",
|
||||
"cache-control": "no-cache, private, no-store, must-revalidate, max-stale=0, post-check=0, pre-check=0",
|
||||
"content-length": "23946",
|
||||
"content-length": "23765",
|
||||
"content-type": "application/json; charset=utf-8",
|
||||
"content-version": StringMatching /v\\\\d\\+\\\\\\.\\\\d\\+/,
|
||||
"etag": StringMatching /\\(\\?:W\\\\/\\)\\?"\\(\\?:\\[ !#-\\\\x7E\\\\x80-\\\\xFF\\]\\*\\|\\\\r\\\\n\\[\\\\t \\]\\|\\\\\\\\\\.\\)\\*"/,
|
||||
|
|
@ -841,8 +830,7 @@ Object {
|
|||
table.body p,
|
||||
table.body ul,
|
||||
table.body ol,
|
||||
table.body td,
|
||||
table.body span {
|
||||
table.body td {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
|
|
@ -958,35 +946,30 @@ table.body .feedback-button-mobile-text {
|
|||
}
|
||||
|
||||
table.body .latest-posts-header {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-img {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-img-mobile {
|
||||
display: inline-block !important;
|
||||
width: 100%;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-title {
|
||||
display: inline-block !important;
|
||||
width: 100%;
|
||||
padding-right: 0 !important;
|
||||
padding-bottom: 8px !important;
|
||||
padding-right: 8px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post h4,
|
||||
table.body .latest-post h4 span {
|
||||
padding: 4px 0 !important;
|
||||
font-size: 18px !important;
|
||||
padding: 4px 0 6px !important;
|
||||
font-size: 15px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post p,
|
||||
table.body .latest-post p span {
|
||||
table.body .latest-post-excerpt,
|
||||
table.body .latest-post-excerpt a,
|
||||
table.body .latest-post-excerpt span {
|
||||
font-size: 13px !important;
|
||||
line-height: 1.25em;
|
||||
line-height: 1.2 !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-excerpt span {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
table.body .subscription-box h3 {
|
||||
|
|
@ -1078,11 +1061,6 @@ table.body h2 span {
|
|||
table.body hr {
|
||||
margin: 2em 0 !important;
|
||||
}
|
||||
|
||||
table.body figcaption,
|
||||
table.body figcaption a {
|
||||
font-size: 13px !important;
|
||||
}
|
||||
}
|
||||
@media all {
|
||||
.subscription-details p.hidden {
|
||||
|
|
@ -1406,7 +1384,7 @@ exports[`Email Preview API Read can read post email preview with fields 4: [head
|
|||
Object {
|
||||
"access-control-allow-origin": "http://127.0.0.1:2369",
|
||||
"cache-control": "no-cache, private, no-store, must-revalidate, max-stale=0, post-check=0, pre-check=0",
|
||||
"content-length": "28757",
|
||||
"content-length": "28576",
|
||||
"content-type": "application/json; charset=utf-8",
|
||||
"content-version": StringMatching /v\\\\d\\+\\\\\\.\\\\d\\+/,
|
||||
"etag": StringMatching /\\(\\?:W\\\\/\\)\\?"\\(\\?:\\[ !#-\\\\x7E\\\\x80-\\\\xFF\\]\\*\\|\\\\r\\\\n\\[\\\\t \\]\\|\\\\\\\\\\.\\)\\*"/,
|
||||
|
|
@ -1542,8 +1520,7 @@ Object {
|
|||
table.body p,
|
||||
table.body ul,
|
||||
table.body ol,
|
||||
table.body td,
|
||||
table.body span {
|
||||
table.body td {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
|
|
@ -1659,35 +1636,30 @@ table.body .feedback-button-mobile-text {
|
|||
}
|
||||
|
||||
table.body .latest-posts-header {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-img {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-img-mobile {
|
||||
display: inline-block !important;
|
||||
width: 100%;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-title {
|
||||
display: inline-block !important;
|
||||
width: 100%;
|
||||
padding-right: 0 !important;
|
||||
padding-bottom: 8px !important;
|
||||
padding-right: 8px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post h4,
|
||||
table.body .latest-post h4 span {
|
||||
padding: 4px 0 !important;
|
||||
font-size: 18px !important;
|
||||
padding: 4px 0 6px !important;
|
||||
font-size: 15px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post p,
|
||||
table.body .latest-post p span {
|
||||
table.body .latest-post-excerpt,
|
||||
table.body .latest-post-excerpt a,
|
||||
table.body .latest-post-excerpt span {
|
||||
font-size: 13px !important;
|
||||
line-height: 1.25em;
|
||||
line-height: 1.2 !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-excerpt span {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
table.body .subscription-box h3 {
|
||||
|
|
@ -1779,11 +1751,6 @@ table.body h2 span {
|
|||
table.body hr {
|
||||
margin: 2em 0 !important;
|
||||
}
|
||||
|
||||
table.body figcaption,
|
||||
table.body figcaption a {
|
||||
font-size: 13px !important;
|
||||
}
|
||||
}
|
||||
@media all {
|
||||
.subscription-details p.hidden {
|
||||
|
|
@ -2094,7 +2061,7 @@ exports[`Email Preview API Read has custom content transformations for email com
|
|||
Object {
|
||||
"access-control-allow-origin": "http://127.0.0.1:2369",
|
||||
"cache-control": "no-cache, private, no-store, must-revalidate, max-stale=0, post-check=0, pre-check=0",
|
||||
"content-length": "23700",
|
||||
"content-length": "23519",
|
||||
"content-type": "application/json; charset=utf-8",
|
||||
"content-version": StringMatching /v\\\\d\\+\\\\\\.\\\\d\\+/,
|
||||
"etag": StringMatching /\\(\\?:W\\\\/\\)\\?"\\(\\?:\\[ !#-\\\\x7E\\\\x80-\\\\xFF\\]\\*\\|\\\\r\\\\n\\[\\\\t \\]\\|\\\\\\\\\\.\\)\\*"/,
|
||||
|
|
@ -2559,8 +2526,7 @@ Object {
|
|||
table.body p,
|
||||
table.body ul,
|
||||
table.body ol,
|
||||
table.body td,
|
||||
table.body span {
|
||||
table.body td {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
|
|
@ -2676,35 +2642,30 @@ table.body .feedback-button-mobile-text {
|
|||
}
|
||||
|
||||
table.body .latest-posts-header {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-img {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-img-mobile {
|
||||
display: inline-block !important;
|
||||
width: 100%;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-title {
|
||||
display: inline-block !important;
|
||||
width: 100%;
|
||||
padding-right: 0 !important;
|
||||
padding-bottom: 8px !important;
|
||||
padding-right: 8px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post h4,
|
||||
table.body .latest-post h4 span {
|
||||
padding: 4px 0 !important;
|
||||
font-size: 18px !important;
|
||||
padding: 4px 0 6px !important;
|
||||
font-size: 15px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post p,
|
||||
table.body .latest-post p span {
|
||||
table.body .latest-post-excerpt,
|
||||
table.body .latest-post-excerpt a,
|
||||
table.body .latest-post-excerpt span {
|
||||
font-size: 13px !important;
|
||||
line-height: 1.25em;
|
||||
line-height: 1.2 !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-excerpt span {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
table.body .subscription-box h3 {
|
||||
|
|
@ -2796,11 +2757,6 @@ table.body h2 span {
|
|||
table.body hr {
|
||||
margin: 2em 0 !important;
|
||||
}
|
||||
|
||||
table.body figcaption,
|
||||
table.body figcaption a {
|
||||
font-size: 13px !important;
|
||||
}
|
||||
}
|
||||
@media all {
|
||||
.subscription-details p.hidden {
|
||||
|
|
@ -3121,7 +3077,7 @@ exports[`Email Preview API Read uses the newsletter provided through ?newsletter
|
|||
Object {
|
||||
"access-control-allow-origin": "http://127.0.0.1:2369",
|
||||
"cache-control": "no-cache, private, no-store, must-revalidate, max-stale=0, post-check=0, pre-check=0",
|
||||
"content-length": "24192",
|
||||
"content-length": "24011",
|
||||
"content-type": "application/json; charset=utf-8",
|
||||
"content-version": StringMatching /v\\\\d\\+\\\\\\.\\\\d\\+/,
|
||||
"etag": StringMatching /\\(\\?:W\\\\/\\)\\?"\\(\\?:\\[ !#-\\\\x7E\\\\x80-\\\\xFF\\]\\*\\|\\\\r\\\\n\\[\\\\t \\]\\|\\\\\\\\\\.\\)\\*"/,
|
||||
|
|
@ -3612,8 +3568,7 @@ Object {
|
|||
table.body p,
|
||||
table.body ul,
|
||||
table.body ol,
|
||||
table.body td,
|
||||
table.body span {
|
||||
table.body td {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
|
|
@ -3729,35 +3684,30 @@ table.body .feedback-button-mobile-text {
|
|||
}
|
||||
|
||||
table.body .latest-posts-header {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-img {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-img-mobile {
|
||||
display: inline-block !important;
|
||||
width: 100%;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-title {
|
||||
display: inline-block !important;
|
||||
width: 100%;
|
||||
padding-right: 0 !important;
|
||||
padding-bottom: 8px !important;
|
||||
padding-right: 8px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post h4,
|
||||
table.body .latest-post h4 span {
|
||||
padding: 4px 0 !important;
|
||||
font-size: 18px !important;
|
||||
padding: 4px 0 6px !important;
|
||||
font-size: 15px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post p,
|
||||
table.body .latest-post p span {
|
||||
table.body .latest-post-excerpt,
|
||||
table.body .latest-post-excerpt a,
|
||||
table.body .latest-post-excerpt span {
|
||||
font-size: 13px !important;
|
||||
line-height: 1.25em;
|
||||
line-height: 1.2 !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-excerpt span {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
table.body .subscription-box h3 {
|
||||
|
|
@ -3849,11 +3799,6 @@ table.body h2 span {
|
|||
table.body hr {
|
||||
margin: 2em 0 !important;
|
||||
}
|
||||
|
||||
table.body figcaption,
|
||||
table.body figcaption a {
|
||||
font-size: 13px !important;
|
||||
}
|
||||
}
|
||||
@media all {
|
||||
.subscription-details p.hidden {
|
||||
|
|
@ -4174,7 +4119,7 @@ exports[`Email Preview API Read uses the posts newsletter by default 4: [headers
|
|||
Object {
|
||||
"access-control-allow-origin": "http://127.0.0.1:2369",
|
||||
"cache-control": "no-cache, private, no-store, must-revalidate, max-stale=0, post-check=0, pre-check=0",
|
||||
"content-length": "24192",
|
||||
"content-length": "24011",
|
||||
"content-type": "application/json; charset=utf-8",
|
||||
"content-version": StringMatching /v\\\\d\\+\\\\\\.\\\\d\\+/,
|
||||
"etag": StringMatching /\\(\\?:W\\\\/\\)\\?"\\(\\?:\\[ !#-\\\\x7E\\\\x80-\\\\xFF\\]\\*\\|\\\\r\\\\n\\[\\\\t \\]\\|\\\\\\\\\\.\\)\\*"/,
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
|
|
@ -84,8 +84,7 @@ Object {
|
|||
table.body p,
|
||||
table.body ul,
|
||||
table.body ol,
|
||||
table.body td,
|
||||
table.body span {
|
||||
table.body td {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
|
|
@ -201,35 +200,30 @@ table.body .feedback-button-mobile-text {
|
|||
}
|
||||
|
||||
table.body .latest-posts-header {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-img {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-img-mobile {
|
||||
display: inline-block !important;
|
||||
width: 100%;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-title {
|
||||
display: inline-block !important;
|
||||
width: 100%;
|
||||
padding-right: 0 !important;
|
||||
padding-bottom: 8px !important;
|
||||
padding-right: 8px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post h4,
|
||||
table.body .latest-post h4 span {
|
||||
padding: 4px 0 !important;
|
||||
font-size: 18px !important;
|
||||
padding: 4px 0 6px !important;
|
||||
font-size: 15px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post p,
|
||||
table.body .latest-post p span {
|
||||
table.body .latest-post-excerpt,
|
||||
table.body .latest-post-excerpt a,
|
||||
table.body .latest-post-excerpt span {
|
||||
font-size: 13px !important;
|
||||
line-height: 1.25em;
|
||||
line-height: 1.2 !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-excerpt span {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
table.body .subscription-box h3 {
|
||||
|
|
@ -321,11 +315,6 @@ table.body h2 span {
|
|||
table.body hr {
|
||||
margin: 2em 0 !important;
|
||||
}
|
||||
|
||||
table.body figcaption,
|
||||
table.body figcaption a {
|
||||
font-size: 13px !important;
|
||||
}
|
||||
}
|
||||
@media all {
|
||||
.subscription-details p.hidden {
|
||||
|
|
@ -695,8 +684,7 @@ Object {
|
|||
table.body p,
|
||||
table.body ul,
|
||||
table.body ol,
|
||||
table.body td,
|
||||
table.body span {
|
||||
table.body td {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
|
|
@ -812,35 +800,30 @@ table.body .feedback-button-mobile-text {
|
|||
}
|
||||
|
||||
table.body .latest-posts-header {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-img {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-img-mobile {
|
||||
display: inline-block !important;
|
||||
width: 100%;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-title {
|
||||
display: inline-block !important;
|
||||
width: 100%;
|
||||
padding-right: 0 !important;
|
||||
padding-bottom: 8px !important;
|
||||
padding-right: 8px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post h4,
|
||||
table.body .latest-post h4 span {
|
||||
padding: 4px 0 !important;
|
||||
font-size: 18px !important;
|
||||
padding: 4px 0 6px !important;
|
||||
font-size: 15px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post p,
|
||||
table.body .latest-post p span {
|
||||
table.body .latest-post-excerpt,
|
||||
table.body .latest-post-excerpt a,
|
||||
table.body .latest-post-excerpt span {
|
||||
font-size: 13px !important;
|
||||
line-height: 1.25em;
|
||||
line-height: 1.2 !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-excerpt span {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
table.body .subscription-box h3 {
|
||||
|
|
@ -932,11 +915,6 @@ table.body h2 span {
|
|||
table.body hr {
|
||||
margin: 2em 0 !important;
|
||||
}
|
||||
|
||||
table.body figcaption,
|
||||
table.body figcaption a {
|
||||
font-size: 13px !important;
|
||||
}
|
||||
}
|
||||
@media all {
|
||||
.subscription-details p.hidden {
|
||||
|
|
|
|||
|
|
@ -4,29 +4,12 @@
|
|||
<td class="latest-post">
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
{{#if ../latestPostsHasImages}}
|
||||
{{#if featureImage}}
|
||||
<td class="latest-post-img-mobile">
|
||||
<a href="{{url}}">
|
||||
<img
|
||||
src="{{featureImageMobile.src}}"
|
||||
{{#if featureImageMobile.width }}
|
||||
width="{{featureImageMobile.width}}"
|
||||
{{/if}}
|
||||
{{#if featureImageMobile.height }}
|
||||
height="{{featureImageMobile.height}}"
|
||||
{{/if}}
|
||||
/>
|
||||
</a>
|
||||
</td>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
<td valign="top" align="left" class="latest-post-title">
|
||||
<h4 class="{{#if ../latestPostsHasImages}}{{#if (not featureImage)}}no-image{{/if}}{{/if}}">
|
||||
<a href="{{url}}">{{{title}}}</a>
|
||||
</h4>
|
||||
{{#if excerpt}}
|
||||
<p>
|
||||
<p class="latest-post-excerpt">
|
||||
<a href="{{url}}">{{{excerpt}}}</a>
|
||||
</p>
|
||||
{{/if}}
|
||||
|
|
|
|||
|
|
@ -268,7 +268,7 @@ figure {
|
|||
figcaption {
|
||||
text-align: center;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
padding-top: 5px;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
|
@ -477,7 +477,7 @@ figure blockquote p {
|
|||
margin: 0;
|
||||
padding: 8px 0 16px;
|
||||
color: #15212A;
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
|
@ -498,20 +498,10 @@ figure blockquote p {
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
.latest-post-img img,
|
||||
.latest-post-img-mobile img {
|
||||
.latest-post-img img {
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.latest-post-img-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.latest-post-img-mobile img {
|
||||
width: 100% !important;
|
||||
height: auto !important; /* Make sure CSS ignores the height that is defined in HTML, but keep the aspect ratio from the width/height in HTML */
|
||||
}
|
||||
|
||||
.latest-post-title {
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
|
@ -519,7 +509,7 @@ figure blockquote p {
|
|||
.latest-post h4 {
|
||||
margin: 0;
|
||||
padding: 2px 0 4px;
|
||||
font-size: 19px;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
|
|
@ -1290,8 +1280,7 @@ a[data-flickr-embed] img {
|
|||
table.body p,
|
||||
table.body ul,
|
||||
table.body ol,
|
||||
table.body td,
|
||||
table.body span {
|
||||
table.body td {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
|
|
@ -1403,33 +1392,29 @@ a[data-flickr-embed] img {
|
|||
}
|
||||
|
||||
table.body .latest-posts-header {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-img {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-img-mobile {
|
||||
display: inline-block !important;
|
||||
width: 100%;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-title {
|
||||
display: inline-block !important;
|
||||
width: 100%;
|
||||
padding-right: 0 !important;
|
||||
padding-bottom: 8px !important;
|
||||
padding-right: 8px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post h4, table.body .latest-post h4 span {
|
||||
padding: 4px 0 !important;
|
||||
font-size: 18px !important;
|
||||
padding: 4px 0 6px !important;
|
||||
font-size: 15px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post p, table.body .latest-post p span {
|
||||
table.body .latest-post-excerpt,
|
||||
table.body .latest-post-excerpt a,
|
||||
table.body .latest-post-excerpt span {
|
||||
font-size: 13px !important;
|
||||
line-height: 1.25em;
|
||||
line-height: 1.2 !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-excerpt span {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
table.body .subscription-box h3 {
|
||||
|
|
@ -1522,11 +1507,6 @@ a[data-flickr-embed] img {
|
|||
margin: 2em 0 !important;
|
||||
}
|
||||
|
||||
table.body figcaption,
|
||||
table.body figcaption a {
|
||||
font-size: 13px !important;
|
||||
}
|
||||
|
||||
table.body .kg-header-card.kg-v2 span {
|
||||
font-size: inherit !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -293,7 +293,7 @@ figure {
|
|||
figcaption {
|
||||
text-align: center;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
padding-top: 5px;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
|
@ -514,7 +514,7 @@ figure blockquote p {
|
|||
margin: 0;
|
||||
padding: 8px 0 16px;
|
||||
color: {{titleColor}};
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
|
@ -536,20 +536,10 @@ figure blockquote p {
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
.latest-post-img img,
|
||||
.latest-post-img-mobile img {
|
||||
.latest-post-img img {
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.latest-post-img-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.latest-post-img-mobile img {
|
||||
width: 100% !important;
|
||||
height: auto !important; /* Make sure CSS ignores the height that is defined in HTML, but keep the aspect ratio from the width/height in HTML */
|
||||
}
|
||||
|
||||
.latest-post-title {
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
|
@ -557,7 +547,7 @@ figure blockquote p {
|
|||
.latest-post h4 {
|
||||
margin: 0;
|
||||
padding: 2px 0 4px;
|
||||
font-size: 19px;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
|
|
@ -1367,8 +1357,7 @@ a[data-flickr-embed] img {
|
|||
table.body p,
|
||||
table.body ul,
|
||||
table.body ol,
|
||||
table.body td,
|
||||
table.body span {
|
||||
table.body td {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
|
|
@ -1485,33 +1474,29 @@ a[data-flickr-embed] img {
|
|||
}
|
||||
|
||||
table.body .latest-posts-header {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-img {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-img-mobile {
|
||||
display: inline-block !important;
|
||||
width: 100%;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-title {
|
||||
display: inline-block !important;
|
||||
width: 100%;
|
||||
padding-right: 0 !important;
|
||||
padding-bottom: 8px !important;
|
||||
padding-right: 8px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post h4, table.body .latest-post h4 span {
|
||||
padding: 4px 0 !important;
|
||||
font-size: 18px !important;
|
||||
padding: 4px 0 6px !important;
|
||||
font-size: 15px !important;
|
||||
}
|
||||
|
||||
table.body .latest-post p, table.body .latest-post p span {
|
||||
table.body .latest-post-excerpt,
|
||||
table.body .latest-post-excerpt a,
|
||||
table.body .latest-post-excerpt span {
|
||||
font-size: 13px !important;
|
||||
line-height: 1.25em;
|
||||
line-height: 1.2 !important;
|
||||
}
|
||||
|
||||
table.body .latest-post-excerpt span {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
table.body .subscription-box h3 {
|
||||
|
|
@ -1603,12 +1588,6 @@ a[data-flickr-embed] img {
|
|||
table.body hr {
|
||||
margin: 2em 0 !important;
|
||||
}
|
||||
|
||||
table.body figcaption,
|
||||
table.body figcaption a {
|
||||
font-size: 13px !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue