How to manage line-height per font-size?

I have not found a means to manage line-height per font-size to achieve a vertical rhyhtm. Have I overlooked something?

[selrond]

@smarchetti that’s exactly how I was doing it. The problem is, though, that you have to remember which component you’ve extended, and which one you use as-is; and import them correctly. Thus it’d be really nice if Rebass provided something to manage line-height internally.

@jxnblk have you seen Kyle Mathews’ Typography.js? Having a global typography config for Rebass would be nice!

[smarchetti]

Another idea is to use styled-system’s responsiveStyle method and mapping the theme lineHeights array to the fontSize property.

const lineHeight = responsiveStyle({ prop: 'fontSize', cssProperty: 'line-height', key: 'lineHeights' });