Using rem's with uiOptions...
johnny at abledaccess.com
Fri Apr 13 15:48:08 UTC 2012
Quite awhile ago I came across an article by Jonathan Snook titled Font sizing with rem <http://snook.ca/archives/html_and_css/font-size-with-rem>. In it he outlined a process of sizing text on a page using a new CSS3 unit called "rem's." It essentially uses the root, the font-size attached to the html element, as a consistent reference for sizing text on a page that employs it. Thus mitigating the em compounding issue (read his article for more info). Pretty sweet.
Where this is relevant to this list is I half employed rem's in a project recently that uses uiOptions. To resolve the compounding issue this was meant to solve. And the fact I half employed it prevented me from spotting the issue sooner. But the problem is, and it's a significant issue, elements using rem's to set their font size are immune to the text sizing options in uiOptions. As rem's constantly refer to the root, the sizing effect of uiOptions bypasses the inline styles uiOptions applies to the body!
More information about the fluid-work