Add monospace and Table column option to use it

appnexus / lucid

A UI component library from Xandr.

https://appnexus.github.io/lucid

Other

201 stars 83 forks source link

Add monospace and Table column option to use it #618

Open jondlm opened 7 years ago

jondlm commented 7 years ago

Let's add a new variable for our monospace font stack:

Menlo, Monaco, 'Ubuntu Mono', Courier, monospace

Then let's add a prop to allow Table columns to be monospace. Mainly we want to encourage the use of monospace columns for numeric data since it's easier to compare across rows vs variable width fonts.

jondlm commented 7 years ago

Just for reference I took a couple snapshots of those fonts in win 10 chrome and el capitan chrome.