From 743896b4b2a4c1d811d3654e522001ba5152f9af Mon Sep 17 00:00:00 2001
From: Amy Gale Ruth Bowersox <amy@erbosoft.com>
Date: Sun, 11 Aug 2024 00:33:14 -0600
Subject: [PATCH] got the stylesheets right for at least a couple of types of
 callouts

---
 src/dragonglass/style.py | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/src/dragonglass/style.py b/src/dragonglass/style.py
index 1286584..3ad9704 100644
--- a/src/dragonglass/style.py
+++ b/src/dragonglass/style.py
@@ -50,6 +50,42 @@ td {
 th {
     border: 1px solid #e0e0e0;
 }
+.callout {
+    --callout-color: 8, 109, 221;
+    --callout-icon: lucide-pencil;
+    display: block;
+    overflow: hidden;
+    border-style: solid;
+    border-color: rgba(var(--callout-color), 0.25);
+    border-width: 0px;
+    border-radius: 4px;
+    margin: 1em 0;
+    mix-blend-mode: darken;
+    background-color: rgba(var(--callout-color), 0.1);
+    padding: 12px 12px 12px 24px;
+}
+.callout[data-callout="info"] {
+    --callout-color: 8, 109, 221;
+    --callout-icon: lucide-info;
+}
+.callout[data-callout="tip"] {
+    --callout-color: 0, 191, 188;
+    --callout-icon: lucide-flame;
+}
+.callout-title {
+    padding: 0;
+    display: flex;
+    gap: 4px;
+    font-size: inherit;
+    color: rgb(var(--callout-color));
+    line-height: 1.3;
+    align-items: flex-start;
+    margin-bottom: 1em;
+}
+.callout-title-inner {
+    font-weight: 600;
+    color: inherit;
+}
 
 /* Following are styles generated by Pygments "tango" style */
 pre { line-height: 125%; }