Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Already on GitHub? Sign in to your account

vertical-rhythm module should allow for true relative font sizing #843

mirisuzanne opened this Issue Apr 11, 2012 · 0 comments


None yet
1 participant

mirisuzanne commented Apr 11, 2012

The current master branch version of establish-baseline works as follows:

// input
@include establish-baseline(14px); 

// output
* html {
  font-size: 87.5%; }

html {
  font-size: 14px;
  line-height: 1.143em; }

The percentage-based output is hidden behind a hack, so it is only seen by IE6/7. All other browsers get a font-size set in px. While that seems to be accepted practice, it breaks the ability for browser users to set their own default font size. This becomes even more important with media-queries, where the only value of "em" that is recognized comes directly from that browser default setting. The only way to create a meaningful em-based media-query is to know the relative value of your own ems. The only way to know that is by setting the one in relation to the other.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment