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; 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.attention,
.rst-content .admonition.caution, .rst-content .admonition.caution,
.rst-content .admonition.warning { .rst-content .admonition.warning,
.rst-content .admonition.important {
background-color: var(--admonition-attention-background-color); background-color: var(--admonition-attention-background-color);
color: var(--admonition-attention-color); color: var(--admonition-attention-color);
} }
.rst-content .admonition.attention .admonition-title, .rst-content .admonition.attention .admonition-title,
.rst-content .admonition.caution .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); background-color: var(--admonition-attention-title-background-color);
color: var(--admonition-attention-title-color); color: var(--admonition-attention-title-color);
} }
@@ -1244,14 +1279,12 @@ code,
color: var(--admonition-danger-title-color); color: var(--admonition-danger-title-color);
} }
.rst-content .admonition.tip, .rst-content .admonition.tip {
.rst-content .admonition.important {
background-color: var(--admonition-tip-background-color); background-color: var(--admonition-tip-background-color);
color: var(--admonition-tip-color); color: var(--admonition-tip-color);
} }
.rst-content .admonition.tip .admonition-title, .rst-content .admonition.tip .admonition-title {
.rst-content .admonition.important .admonition-title {
background-color: var(--admonition-tip-title-background-color); background-color: var(--admonition-tip-title-background-color);
color: var(--admonition-tip-title-color); color: var(--admonition-tip-title-color);
} }