rhi/blog
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

give <code> outside of <pre> a bg/border too

Browse source
This commit is contained in:
rhiannon morris 2024-09-26 15:56:31 +02:00
parent 037384723d
commit 0a0c5468f7
1 changed files with 13 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
style/page.css
View file

@ -216,18 +216,24 @@ td, th {
vertical-align: text-bottom; vertical-align: text-bottom;
} }
code {
pre, code {
font-family: PragmataPro; font-family: PragmataPro;
font-size: inherit; font-size: inherit;
} }
pre, :not(pre) > code {
background: hsla(0deg 0% 100% / 40%);
border: 2px dotted color-mix(in srgb, currentcolor 75%, transparent);
}
:not(pre) > code { padding: 0 5px; }
pre { pre {
clear: both; clear: both;
width: min-content; width: min-content;
margin: 0.5em auto; margin: 0.5em auto;
padding: 0.5em 0.8em; padding: 0.5em 0.8em;
border: 1px solid var(--fg);
background: hsla(0deg, 0%, 100%, 40%);
} }