add styles for github alerts

This commit is contained in:
Reza Mahdi 2025-12-21 14:53:52 +03:30
parent 7f630a4e31
commit 0e9b688ddf
2 changed files with 48 additions and 0 deletions

47
sass/alerts.scss Normal file
View file

@ -0,0 +1,47 @@
blockquote[class^=markdown-alert-] {
border: 1px solid var(--accent);
padding-top: initial;
&::before {
background-color: var(--accent);
position: relative;
display: block;
left: initial;
top: initial;
margin-left: -25px;
margin-right: -25px;
padding-left: 12px;
color: black;
font-family: "Hack";
font-size: inherit;
}
&>p::before {
content: "";
}
&>p {
padding-top: 25px;
}
}
blockquote.markdown-alert-note::before {
content: " NOTE";
}
blockquote.markdown-alert-tip::before {
content: " TIP";
}
blockquote.markdown-alert-important::before {
content: " IMPORTANT";
}
blockquote.markdown-alert-warning::before {
content: " WARNING";
}
blockquote.markdown-alert-caution::before {
content: " CAUTION";
}

View file

@ -6,3 +6,4 @@
@import 'post';
@import 'pagination';
@import 'footer';
@import 'alerts.scss';