24 lines
782 B
CSS
24 lines
782 B
CSS
/* Established: green */
|
|
.callout[data-callout="established"] {
|
|
--callout-color: 0, 150, 0;
|
|
--callout-icon: check-circle; /* ✅ valid Lucide icon */
|
|
background-color: rgba(0, 150, 0, 0.05);
|
|
border-left: 4px solid rgb(0, 150, 0);
|
|
}
|
|
|
|
/* Proposed: blue */
|
|
.callout[data-callout="proposed"] {
|
|
--callout-color: 0, 120, 255;
|
|
--callout-icon: lightbulb; /* ✅ Lucide name is “lightbulb” (no dash) */
|
|
background-color: rgba(0, 120, 255, 0.05);
|
|
border-left: 4px solid rgb(0, 120, 255);
|
|
}
|
|
|
|
/* Speculative: purple */
|
|
.callout[data-callout="speculative"] {
|
|
--callout-color: 128, 0, 128;
|
|
--callout-icon: help-circle; /* ✅ Lucide equivalent of “question-circle” */
|
|
background-color: rgba(128, 0, 128, 0.05);
|
|
border-left: 4px solid rgb(128, 0, 128);
|
|
}
|