LeaVerou/dabblet — Issue #3: Gaps in multiline tokens
Author: kizu
Created: 2011-12-11 13:33:15+00:00
State: open

If there is a multiline token, then there would be gaps, caused by the line-height:

![The hover area](http://i.kizu.ru/misc/D/gaps.png)

(I highlighted the hover area here)

This is not critical, but when you'll show a previewer by hover, it would disappear when you'll be on gaps, so on multiline values the bubble would flicker.

You can fix it by compensating the line-height by paddings on inline elements:

.token {
padding: .15em 0;
}