search

masakudamatsu / line-height-picker

A front-end web app that helps web designers/developers pick the best line-height value for their websites
https://line-height-picker.vercel.app
MIT License
2 stars 1 forks source link

Style inline-code #213

Closed masakudamatsu closed 4 years ago

masakudamatsu commented 4 years ago

  1. Add background-color. Why?

    • To follow the convention in Medium.com etc. Screenshot 2020-06-20 at 10 50 28

  2. Shorten letter-spacing Why?

    • With the default spacing, the inline code takes up too much space relative to the body text, attracting more than necessary attention from the reader.
masakudamatsu commented 4 years ago

The background color is the same as the one for hovered/focused link text.

We set letter-spacing: -0.04em.