Updated typography and spacing for callout cards and blockquotes (Try…

…Ghost#20525) REF DES-542
madewithlove · Jul 3, 2024 · be77080 · be77080
1 parent 6c6d3b6
commit be77080
Showing 1 changed file with 17 additions and 13 deletions.
diff --git a/ghost/email-service/lib/email-templates/partials/styles-old.hbs b/ghost/email-service/lib/email-templates/partials/styles-old.hbs
@@ -172,7 +172,7 @@ blockquote.kg-blockquote-alt {
     text-align: center;
     font-size: 1.2em;
     font-style: italic;
-    color: #999999;
+    color: #738a94;
 }
 
 blockquote p {
@@ -844,10 +844,6 @@ a[data-flickr-embed] img {
     border-radius: 3px;
 }
 
-.kg-callout-card p {
-    margin: 0
-}
-
 .kg-callout-card-grey {
     background: #eef0f2;
 }
@@ -1350,6 +1346,15 @@ a[data-flickr-embed] img {
         font-size: 16px !important;
     }
 
+    table.body .kg-callout-card {
+        padding: 16px 24px !important;
+    }
+
+    table.body .kg-callout-text {
+        font-size: 16px !important;
+        line-height: 1.5em !important;
+    }
+
     table.body pre {
         white-space: pre-wrap !important;
         word-break: break-word !important;
@@ -1565,21 +1570,20 @@ a[data-flickr-embed] img {
     }
 
     table.body blockquote {
-        font-size: 17px;
+        font-size: 16px !important;
         line-height: 1.6em;
         margin-bottom: 0;
         padding-left: 15px;
     }
 
     table.body blockquote.kg-blockquote-alt {
         border-left: 0 none !important;
-        margin: 0 0 2.5em 0 !important;
-        padding: 0 50px 0 50px !important;
-        font-size: 1.2em;
-    }
-
-    table.body blockquote + * {
-        margin-top: 1.5em !important;
+        margin: 0 !important;
+        padding-left: 20px !important;
+        padding-right: 20px !important;
+        padding-bottom: 1.5em !important;
+        font-size: 18px !important;
+        line-height: 1.4em !important;
     }
 
     table.body hr {