ParkerTenBroeck/ParkerTenBroeck.github.io
1
0
Fork 0
mirror of https://github.com/ParkerTenBroeck/ParkerTenBroeck.github.io.git synced 2026-06-06 21:14:06 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

added styles for gh md extensions, worked on generators post

Browse source
This commit is contained in:
Parker TenBroeck 2026-04-29 13:43:55 -04:00
parent bd7eaeec38
commit d5fa5f0608
5 changed files with 193 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

77
sass/style.scss
View file

@ -172,3 +172,80 @@ th {
}
.markdown-alert-note {
border-left: solid 3px var(--blue);
padding-left: 20px;
margin-left: 10px;
::before{
content: "Note";
display: block;
font-weight: bold;
color: var(--blue);
}
}
.markdown-alert-note {
border-left: solid 3px var(--blue);
padding-left: 20px;
margin-left: 10px;
::before{
content: "Note";
display: block;
font-weight: bold;
color: var(--blue);
}
}
.markdown-alert-tip {
border-left: solid 3px var(--green);
padding-left: 20px;
margin-left: 10px;
::before{
content: "Tip";
display: block;
font-weight: bold;
color: var(--green);
}
}
.markdown-alert-important {
border-left: solid 3px var(--purple);
padding-left: 20px;
margin-left: 10px;
::before{
content: "Important";
display: block;
font-weight: bold;
color: var(--purple);
}
}
.markdown-alert-warning {
border-left: solid 3px var(--yellow);
padding-left: 20px;
margin-left: 10px;
::before{
content: "Warning";
display: block;
font-weight: bold;
color: var(--yellow);
}
}
.markdown-alert-caution {
border-left: solid 3px var(--red);
padding-left: 20px;
margin-left: 10px;
::before{
content: "Caution";
display: block;
font-weight: bold;
color: var(--red);
}
}

6
sass/theme.scss
View file

@ -62,6 +62,12 @@
--primary: light-dark(#ffd979, #daa520);
--text-highlight: color-mix(in srgb-linear, var(--primary) 50%, transparent);
--blue: light-dark(#0969da, #1f6feb);
--green: light-dark(#1a7f37, #3fb950);
--purple: light-dark(#8250df, #ab7df8);
--yellow: light-dark(#9a6700, #d29922);
--red: light-dark(#d1242f, #f85149);
}
* {