40 lines
1.2 KiB
CSS
40 lines
1.2 KiB
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);
|
|
}
|
|
|
|
/* Code: light grey */
|
|
.callout[data-callout="code"] {
|
|
--callout-color: 120, 120, 120;
|
|
--callout-icon: code;
|
|
background-color: rgba(120, 120, 120, 0.06);
|
|
border-left: 4px solid rgb(120, 120, 120);
|
|
}
|
|
|
|
/* CLI: terminal-style grey */
|
|
.callout[data-callout="cli"] {
|
|
--callout-color: 90, 90, 90;
|
|
--callout-icon: terminal;
|
|
background-color: rgba(90, 90, 90, 0.06);
|
|
border-left: 4px solid rgb(90, 90, 90);
|
|
}
|