Merge pull request #752 from tailwindcss/use-better-mono-font-for-code-elements

Use configured monospace font for monospace elements
This commit is contained in:
Adam Wathan 2019-03-12 21:32:26 -04:00 • committed by GitHub
commit 7184dd200c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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);
}