Use configured monospace font for monospace elements

This commit is contained in:
Adam Wathan 2019-03-12 21:28:27 -04:00
parent 7c61afaf66
commit 87cf9df68e
3 changed files with 42 additions and 0 deletions

View File

@ -527,6 +527,20 @@ strong {
font-weight: 700;
}
/**
* Use the configured 'mono' font family for elements that
* are expected to be rendered with a monospace font, falling
* back to the system monospace stack if there is no configured
* 'mono' font family.
*/
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.container {
width: 100%;
}

View File

@ -527,6 +527,20 @@ strong {
font-weight: 700;
}
/**
* Use the configured 'mono' font family for elements that
* are expected to be rendered with a monospace font, falling
* back to the system monospace stack if there is no configured
* 'mono' font family.
*/
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.container {
width: 100%;
}

View File

@ -172,3 +172,17 @@ textarea {
strong {
font-weight: theme('fontWeight.bold', bolder);
}
/**
* Use the configured 'mono' font family for elements that
* are expected to be rendered with a monospace font, falling
* back to the system monospace stack if there is no configured
* 'mono' font family.
*/
pre,
code,
kbd,
samp {
font-family: theme('fontFamily.mono', SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
}