thatonelutenist/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Support admonitions

Browse source
This commit is contained in:
Nathan McCarty 2025-02-09 07:31:26 -05:00
parent bdceab7652
commit 1d91c51084
4 changed files with 87 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

84
resources/admonitions.css Normal file
View file

@ -0,0 +1,84 @@
/* Universal configuration */
.note,
.tip,
.important,
.warning,
.caution {
display: flex;
flex-direction: row;
width: 66%;
box-sizing: border-box;
background-color: var(--bg-1);
color: var(--fg-1);
padding: 0.5rem;
border-radius: 1rem;
border: solid 0.5rem;
margin-top: var(--box-margin-vert);
margin-bottom: var(--box-margin-vert);
}
.note .title,
.tip .title,
.important .title,
.warning .title,
.caution .title {
align-self: center;
}
.note .title p,
.tip .title p,
.important .title p,
.warning .title p,
.caution .title p {
font-size: 0;
display: inline-block;
position: relative;
}
.note .title p::before,
.tip .title p::before,
.important .title p::before,
.warning .title p::before,
.caution .title p::before {
font-family: 'boxicons' !important;
font-size: 3rem;
display: inline-block;
}
/* Notes */
.note {
border-color: var(--blue);
}
.note .title p::before {
content: "\eb21";
color: var(--blue);
}
/* Tips */
.tip {
border-color: var(--green);
}
.tip .title p::before {
content: "\eb0d";
color: var(--green);
}
/* Importants */
.important {
border-color: var(--violet);
}
.important .title p::before {
content: "\eb0d";
color: var(--violet);
}
/* Warnings */
.warning {
border-color: var(--orange);
}
.warning .title p::before {
content: "\e9a3";
color: var(--orange);
}
/* Cautions */
.caution {
border-color: var(--red);
}
.caution .title p::before {
content: "\ee87";
color: var(--red);
}