feat(web/homepage): Add styling for Cheddar callouts r/512

1 files changed, 25 insertions, 0 deletions

diff --git a/web/homepage/static/tazjin.css b/web/homepage/static/tazjin.css
index 68e72577c37a..1b60ef145085 100644
--- a/web/homepage/static/tazjin.css
+++ b/web/homepage/static/tazjin.css
@@ -140,3 +140,28 @@ pre {
 img {
     max-width: 100%;
 }
+
+.cheddar-callout {
+    display: block;
+    padding: 10px;
+}
+
+.cheddar-question {
+    color: #3367d6;
+    background-color: #e8f0fe;
+}
+
+.cheddar-todo {
+    color: #616161;
+    background-color: #eeeeee;
+}
+
+.cheddar-tip {
+    color: #00796b;
+    background-color: #e0f2f1;
+}
+
+.cheddar-warning {
+    color: #a52714;
+    background-color: #fbe9e7;
+}