[matrix] Fix inconsistent monospace fonts

Internal references use a much simpler font stack that's different
compared to what's used for most <pre> and <code> elements on the page,
so let's make it more consistent by introducing a monospace font
variable that's used everywhere we want one.
This commit is contained in:
slice 2020-12-19 00:58:40 -08:00 committed by GitHub
parent 9013e1d1a2
commit 58dc230072
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -19,6 +19,7 @@ Historically however, thanks to:
/* CSS variables would go here */
:root {
--font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
--monospace-font-family: 'Consolas', 'Menlo', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono', monospace;
/* palette goes here */
--white: #ffffff;
@ -855,7 +856,7 @@ dl.field-list {
/* internal references are forced to bold for some reason */
a.reference.internal > strong {
font-weight: unset;
font-family: monospace;
font-family: var(--monospace-font-family);
}
/* exception hierarchy */
@ -950,7 +951,7 @@ pre {
}
pre, code {
font-family: 'Consolas', 'Menlo', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono', monospace;
font-family: var(--monospace-font-family);
font-size: 0.9em;
overflow-wrap: break-word;
}