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 {
|
||||
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%; }
|
||||
|
|
Loading…
Reference in New Issue
Block a user