Add a background and some padding to inline-code

This allows it to be distinguished not just based on the font.

Not adding a border because that's a bit much.
This commit is contained in:
Fabian Homborg 2022-01-12 18:43:45 +01:00
parent 30dc91225e
commit e2157d09df

View File

@ -222,10 +222,17 @@ div.body a:hover {
color: #00B0E4;
}
tr, code, pre {
tr, pre {
background-color: inherit;
}
code {
/* Make inline-code better visible */
background-color: rgba(0,0,0, .08);
padding-left: 5px;
padding-right: 5px;
}
tt, code, pre, dl > dt span ~ em, #synopsis p, #synopsis code {
/* Pick a monospace font.
ui-monospace is the monospace version of system-ui - the system's monospace font.
@ -510,4 +517,8 @@ div.body .internal.reference:link {
th, dl.field-list > dt {
background-color: #121;
}
code {
background-color: rgba(255, 255, 255, .08);
}
}