mirror_css/css-water.css
1
0
Fork 0
mirror of https://github.com/kognise/water.css.git synced 2025-08-08 14:16:58 +02:00
Code Issues Releases Wiki Activity

Improve font stacks

Browse Source
This commit is contained in:
Felix Mattick
2022-01-20 15:28:03 -06:00
parent 6143b0d4ed
commit a38c40933b
3 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/rude-penguins-lie.md Normal file
View File

@@ -0,0 +1,5 @@
---
"water.css": minor
---
Change font stacks for better compatibility and appearance

2
src/parts/_base.css
View File

@@ -4,7 +4,7 @@ html {
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-family: system-ui, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;
line-height: 1.4;
max-width: 800px;
margin: 20px auto;

8
src/parts/_code.css
View File

@@ -8,6 +8,13 @@ time {
font-size: 1em;
}
code,
samp,
pre,
var {
font-family: ui-monospace, Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
}
pre > code {
padding: 10px;
display: block;
@@ -17,7 +24,6 @@ pre > code {
var {
color: var(--variable);
font-style: normal;
font-family: monospace;
}
kbd {