Use admonition icons

This commit is contained in:
Cyril Bissey
2026-08-22 19:04:01 +02:00
parent 174b7033c0
commit 47956b8553

View File

@@ -1220,16 +1220,51 @@ code,
margin-right: 9px;
}
.rst-content .admonition.note .admonition-title::before,
.rst-content .admonition.warning .admonition-title::before,
.rst-content .admonition.tip .admonition-title::before,
.rst-content .admonition.important .admonition-title::before {
content: "";
top: 0.1rem;
display: inline;
height: 1rem;
width: 1rem;
padding-right: 1rem;
mask-repeat: no-repeat;
}
.rst-content .admonition.note .admonition-title::before {
mask-image: var(--admonition-note-icon);
background-color: var(--admonition-note-title-color);
}
.rst-content .admonition.warning .admonition-title::before {
mask-image: var(--admonition-danger-icon);
background-color: var(--admonition-attention-title-color);
}
.rst-content .admonition.tip .admonition-title::before {
mask-image: var(--admonition-tip-icon);
background-color: var(--admonition-tip-title-color);
}
.rst-content .admonition.important .admonition-title::before {
mask-image: var(--admonition-attention-icon);
background-color: var(--admonition-attention-title-color);
}
.rst-content .admonition.attention,
.rst-content .admonition.caution,
.rst-content .admonition.warning {
.rst-content .admonition.warning,
.rst-content .admonition.important {
background-color: var(--admonition-attention-background-color);
color: var(--admonition-attention-color);
}
.rst-content .admonition.attention .admonition-title,
.rst-content .admonition.caution .admonition-title,
.rst-content .admonition.warning .admonition-title {
.rst-content .admonition.warning .admonition-title,
.rst-content .admonition.important .admonition-title {
background-color: var(--admonition-attention-title-background-color);
color: var(--admonition-attention-title-color);
}
@@ -1244,14 +1279,12 @@ code,
color: var(--admonition-danger-title-color);
}
.rst-content .admonition.tip,
.rst-content .admonition.important {
.rst-content .admonition.tip {
background-color: var(--admonition-tip-background-color);
color: var(--admonition-tip-color);
}
.rst-content .admonition.tip .admonition-title,
.rst-content .admonition.important .admonition-title {
.rst-content .admonition.tip .admonition-title {
background-color: var(--admonition-tip-title-background-color);
color: var(--admonition-tip-title-color);
}