got the stylesheets right for at least a couple of types of callouts

This commit is contained in:
Amy G. Bowersox 2024-08-11 00:33:14 -06:00
parent a33845f832
commit 743896b4b2

View File

@ -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%; }