:root {
--md-admonition-icon--admonish-cost: url("data:image/svg+xml;charset=utf-8,");
--md-admonition-icon--admonish-os: url("data:image/svg+xml;charset=utf-8,");
--md-admonition-icon--admonish-database: url("data:image/svg+xml;charset=utf-8,");
--md-admonition-icon--admonish-flex: url("data:image/svg+xml;charset=utf-8,");
--md-admonition-icon--admonish-pyramid: url("data:image/svg+xml;charset=utf-8,");
}
/* Cost admonishment */
:is(.admonition):is(.admonish-cost) {
border-color: #24ab38;
}
:is(.admonish-cost) > :is(.admonition-title, summary.admonition-title) {
background-color: rgba(36, 171, 56, 0.1);
}
:is(.admonish-cost) > :is(.admonition-title, summary.admonition-title)::before {
background-color: #24ab38;
mask-image: var(--md-admonition-icon--admonish-cost);
-webkit-mask-image: var(--md-admonition-icon--admonish-cost);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
}
/* OS admonishment */
:is(.admonition):is(.admonish-os) {
border-color: rgba(124, 77, 255, 1.0);
}
:is(.admonish-os) > :is(.admonition-title, summary.admonition-title) {
background-color: rgba(124, 77, 255, 0.1);
}
:is(.admonish-os) > :is(.admonition-title, summary.admonition-title)::before {
background-color: rgba(124, 77, 255, 1.0);
mask-image: var(--md-admonition-icon--admonish-os);
-webkit-mask-image: var(--md-admonition-icon--admonish-os);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
}
/* Database admonishment */
:is(.admonition):is(.admonish-database) {
border-color: rgba(245, 0, 87, 1.0);
}
:is(.admonish-database) > :is(.admonition-title, summary.admonition-title) {
background-color: rgba(245, 0, 87, 0.1);
}
:is(.admonish-database) > :is(.admonition-title, summary.admonition-title)::before {
background-color: rgba(245, 0, 87, 1.0);
mask-image: var(--md-admonition-icon--admonish-database);
-webkit-mask-image: var(--md-admonition-icon--admonish-database);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
}
/* Flex admonishment */
:is(.admonition):is(.admonish-flex) {
border-color: rgba(255, 145, 0, 1.0);
}
:is(.admonish-flex) > :is(.admonition-title, summary.admonition-title) {
background-color: rgba(255, 145, 0, 0.1);
}
:is(.admonish-flex) > :is(.admonition-title, summary.admonition-title)::before {
background-color: rgba(255, 145, 0, 1.0);
mask-image: var(--md-admonition-icon--admonish-flex);
-webkit-mask-image: var(--md-admonition-icon--admonish-flex);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
}
/* Pyramid admonishment */
:is(.admonition):is(.admonish-pyramid) {
border-color: rgba(245, 0, 87, 1.0);
}
:is(.admonish-pyramid) > :is(.admonition-title, summary.admonition-title) {
background-color: rgba(245, 0, 87, 0.1);
}
:is(.admonish-pyramid) > :is(.admonition-title, summary.admonition-title)::before {
background-color: rgba(245, 0, 87, 1.0);
mask-image: var(--md-admonition-icon--admonish-pyramid);
-webkit-mask-image: var(--md-admonition-icon--admonish-pyramid);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
}