Tweaked AMP and email CSS and moved from REM to EM

refs https://github.com/TryGhost/Team/issues/1239
This commit is contained in:
James Morris 2021-12-06 13:04:31 +00:00
parent e43296f1d7
commit 5b34af9954
3 changed files with 24 additions and 24 deletions

View File

@ -282,11 +282,12 @@
}
.post-content blockquote.kg-blockquote-alt {
font-size: 2rem;
line-height: 1.7;
font-size: 1.2em;
font-style: italic;
line-height: 1.6em;
text-align: center;
color: #738a94;
padding: 1rem 6rem 1.5rem;
padding: 0.75em 3em 1.25em;
}
.post-content blockquote.kg-blockquote-alt::before {

View File

@ -1,11 +1,9 @@
blockquote.kg-blockquote-alt {
background: none;
font-size: 2.4rem;
line-height: 1.7;
font-size: 1.6em;
line-height: 1.7em;
text-align: center;
color: var(--color-midgrey);
padding: 1rem 8rem 1.5rem;
border: 0 none;
padding: 0.5em 2.5em 0.75em;
}
blockquote.kg-blockquote-alt::before {
@ -14,16 +12,16 @@ blockquote.kg-blockquote-alt::before {
@media (max-width: 800px) {
blockquote.kg-blockquote-alt {
font-size: 2.2rem;
padding-left: 6rem;
padding-right: 6rem;
font-size: 1.4em;
padding-left: 2em;
padding-right: 2em;
}
}
@media (max-width: 600px) {
blockquote.kg-blockquote-alt {
font-size: 2rem;
padding-left: 3rem;
padding-right: 3rem;
font-size: 1.2em;
padding-left: 1.75em;
padding-right: 1.75em;
}
}

View File

@ -148,7 +148,7 @@ dd {
}
blockquote {
margin: 2em 0;
margin: 2em 0 2em 0;
padding: 0 25px 0 25px;
border-left: ${templateSettings.accentColor || '#15212A'} 2px solid;
font-size: 17px;
@ -159,11 +159,10 @@ blockquote {
blockquote.kg-blockquote-alt {
border-left: 0 none;
padding-left: 50px;
padding-right: 50px;
margin-bottom: 2.5em;
padding: 0 50px 0 50px;
text-align: center;
font-size: 1.2em;
font-style: italic;
color: #999999;
}
@ -908,15 +907,17 @@ figure blockquote p {
}
table.body blockquote {
font-size: 17px !important;
line-height: 1.6em !important;
margin-bottom: 0 !important;
padding-left: 15px !important;
font-size: 17px;
line-height: 1.6em;
margin-bottom: 0;
padding-left: 15px;
}
table.body blockquote.kg-blockquote-alt {
padding-left: 50px !important;
margin-bottom: 2.5em !important;
border-left: 0 none !important;
margin: 0 0 2.5em 0;
padding: 0 50px 0 50px;
font-size: 1.2em;
}
table.body blockquote + * {