From 632e15affc19fba3bd1488047d68f46ed1decdd3 Mon Sep 17 00:00:00 2001
From: Sanne de Vries <sannedv@protonmail.com>
Date: Mon, 15 Nov 2021 19:45:33 +0100
Subject: [PATCH] Added callout card email styles

Refs https://github.com/TryGhost/Team/issues/1206
---
 core/frontend/src/cards/css/callout.css |  1 -
 core/server/services/mega/template.js   | 53 +++++++++++++++++++++++++
 2 files changed, 53 insertions(+), 1 deletion(-)

diff --git a/core/frontend/src/cards/css/callout.css b/core/frontend/src/cards/css/callout.css
index 8d1ec46843..8222013371 100644
--- a/core/frontend/src/cards/css/callout.css
+++ b/core/frontend/src/cards/css/callout.css
@@ -1,7 +1,6 @@
 .kg-card-callout {
     display: flex;
     padding: 20px 28px;
-    background: #f1f3f4;
     border-radius: 3px;
 }
 
diff --git a/core/server/services/mega/template.js b/core/server/services/mega/template.js
index 7deef4ca91..c48d4c6ad2 100644
--- a/core/server/services/mega/template.js
+++ b/core/server/services/mega/template.js
@@ -600,6 +600,59 @@ a.kg-nft-card {
     color: #222;
 }
 
+.kg-card-callout {
+    display: flex;
+    padding: 20px 28px;
+    border-radius: 3px;
+}
+
+.kg-card-callout p {
+    margin: 0
+}
+
+.kg-card-callout-grey {
+    background: #eef0f2;
+}
+
+.kg-card-callout-white {
+    background: #fff;
+    box-shadow: inset 0 0 0 1px #dddedf;
+}
+
+.kg-card-callout-blue {
+    background: #E9F6FB;
+}
+
+.kg-card-callout-green {
+    background: #E8F8EA;
+}
+
+.kg-card-callout-yellow {
+    background: #FCF4E3;
+}
+
+.kg-card-callout-red {
+    background: #FBE9E9;
+}
+
+.kg-card-callout-pink {
+    background: #FCEEF8;
+}
+
+.kg-card-callout-purple {
+    background: #F2EDFC;
+}
+
+.kg-card-callout-accent {
+    background: var(--ghost-accent-color);
+    color: #fff;
+}
+
+.kg-callout-emoji {
+    padding-right: 12px;
+    font-size: 20px;
+}
+
 /* -------------------------------------
     HEADER, FOOTER, MAIN
 ------------------------------------- */