Skip to content

Commit

Permalink
Reduce code font size to 0.8 em
Browse files Browse the repository at this point in the history
  • Loading branch information
jeffkreeftmeijer committed May 4, 2024
1 parent a67e22b commit 1cffe7c
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 4 deletions.
6 changes: 3 additions & 3 deletions enough.css.org
Original file line number Diff line number Diff line change
Expand Up @@ -87,16 +87,16 @@ Code, either in =<code>= tags, =<kbd>= tags, or =<pre>= blocks, uses a different
#+begin_src css
code, kbd, pre{
font-family: ui-monospace, SFMono-Regular, Monaco, monospace;
font-size: 0.9rem;
font-size: 0.8rem;
overflow: auto;
}
#+end_src

Enough.css switches code elements to the /ui-monospace/ font family, which is Apple's /SF Mono/ font in Safari on macOS and iOS.
For other browsers, /SFMono-Regular/ (works on Chrome on macOS) and /Monaco/ are tried before falling back to the default monospace font.

The font size is reduced to 0.9 em for both code blocks and tags.
The 0.9 em size gives enough space for roughly 70 characters on bigger screens, and 40 characters on most phones.
The font size is reduced to 0.8 em for both code blocks and tags.
The 0.8 em size gives enough space for roughly 80 characters on bigger screens, and 50 characters on most phones.
If a code block doesn't fit the page body, a scroll bar is displayed instead of overflowing.

** Tables
Expand Down
2 changes: 1 addition & 1 deletion enough.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

0 comments on commit 1cffe7c

Please sign in to comment.