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

Unit test styling

Browse source
This commit is contained in:
Nathan McCarty 2025-02-09 22:27:17 -05:00
parent 448908c18e
commit e4e0349a32
3 changed files with 38 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
lib/Render/Util.rakumod
View file

@ -11,6 +11,8 @@ sub show-html($html) is export {
$out ~~ s:g/'</i>' \v+ '<span>'/<\/i><span>/; $out ~~ s:g/'</i>' \v+ '<span>'/<\/i><span>/;
$out ~~ s:g/\v+ '</a>'/<\/a>/; $out ~~ s:g/\v+ '</a>'/<\/a>/;
$out ~~ s:g/\s+ ',' \s+ '<span'/, <span/; $out ~~ s:g/\s+ ',' \s+ '<span'/, <span/;
# Fixup unit test divs
$out ~~ s:g/'<div class="unit-test">' \s* '<pre><code class="idris-code">&nbsp;&nbsp;'/<div class="unit-test"><span><i class='bx bx-check-circle'><\/i>Unit Test<\/span><pre><code class="idris-code">/;
$out $out
} }

26
resources/code.css
View file

@ -19,4 +19,30 @@ pre > code {
} }
pre { pre {
width: 90%; width: 90%;
box-sizing: border-box;
}
/* Styling for unit tests */
.unit-test {
width: 90%;
display: flex;
flex-direction: column;
align-items: center;
padding: 1rem;
border-radius: 0.55rem / 0.5rem;
box-sizing: border-box;
}
.unit-test > span {
display: flex;
flex-direction: row;
align-items: center;
padding: 0.5rem;
border-radius: 0.55rem / 0.5rem;
}
.unit-test > pre {
width: auto;
}
.unit-test i {
font-size: 1.5rem;
margin-right: 0.5rem;
} }

10
resources/colors.css
View file

@ -78,6 +78,16 @@ a:visited {
blockquote { blockquote {
background-color: var(--bg-1); background-color: var(--bg-1);
} }
.unit-test {
background-color: var(--bg-1);
}
.unit-test > span {
background-color: var(--bg-2);
color: var(--fg-1);
}
.unit-test i {
color: var(--green);
}
/* Colorization for idris code blocks */ /* Colorization for idris code blocks */
code { code {