[Patternfly] Reconsidering website text size

[Robb Hamilton]

> On May 7, 2015, at 9:16 AM, Jeremy Perry <jeperry at redhat.com> wrote:
> 
> Ok - to be clear, I’m only talking about the website, not UIs built with PatternFly. I see these as separate use cases with potentially different appropriate solutions.

i increased the base font size for the web site from 12px to 13px.  14px made the site content overwhelm the reference implementation content (e.g., live patternfly reference implementation examples), but 13px still achieves the desired result of making the site content much more readable.

the implication of this change is that any time a live patternfly reference implementation example is added to a site page, the example needs to be wrapped with a <div class=“pf-example”></div> so that they example displays with the correct reference implementation 12px font size instead of the site’s larger 13px font size.

a sample example:

<div class=“pf-example>
  <table class="table table-striped table-bordered">
    <thead>
      <tr>
        <th>#</th>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Username</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>1</td>
        <td>Mark</td>
        <td>Otto</td>
        <td>@mdo</td>
      </tr>
      <tr>
        <td>2</td>
        <td>Jacob</td>
        <td>Thornton</td>
        <td>@fat</td>
      </tr>
      <tr>
        <td>3</td>
        <td colspan="2">Larry the Bird</td>
        <td>@twitter</td>
      </tr>
    </tbody>
  </table>
</div>

all existing examples should already be done this way, but any new examples will need to follow this new requirement.