got the stylesheets right for at least a couple of types of callouts
This commit is contained in:
parent
a33845f832
commit
743896b4b2
|
@ -50,6 +50,42 @@ td {
|
||||||
th {
|
th {
|
||||||
border: 1px solid #e0e0e0;
|
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 */
|
/* Following are styles generated by Pygments "tango" style */
|
||||||
pre { line-height: 125%; }
|
pre { line-height: 125%; }
|
||||||
|
|
Loading…
Reference in New Issue
Block a user