Skip to content

Instantly share code, notes, and snippets.

@Realetive
Last active April 5, 2016 04:52
Show Gist options
  • Save Realetive/e6acc4d624db481e1bc177753a30f322 to your computer and use it in GitHub Desktop.
Save Realetive/e6acc4d624db481e1bc177753a30f322 to your computer and use it in GitHub Desktop.
Fast way to check vertical rhythm (for 24px line-height)
/**
* By Zell Liew
* from http://zellwk.com/blog/web-typography-broken/
*/
.vertical-rhytm__checker {
background-image: repeating-linear-gradient(to bottom, transparent 0px, transparent 23px, red 23px, red 24px);
background-position: 0 -6px; /* Moves baseline grid */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment