{div2:class=fl-col-fixed fl-force-left}
{include:FSS text examples navigation}
{div2}
{div2:class=fl-col-flex}
h2. Font Size
Note that other sizes are also available. See the Cheat Sheet for specifics.
{html}
<div class="fl-font-size-70">
<p>This paragraph is adjusted to 70% of regular size.</p>
</div>
<div class="fl-font-size-100">
<p>This paragraph is adjusted to 100% of regular size.</p>
</div>
<div class="fl-font-size-120">
<p>This paragraph is adjusted to 120% of regular size.</p>
</div>
<div class="fl-font-size-150">
<p>This paragraph is adjusted to 150% of regular size.</p>
</div>
{html}
The markup and classes used to produce this example:
{code:html}
<div class="fl-font-size-70">
<p>This paragraph is adjusted to 70% of regular size.</p>
</div>
<div class="fl-font-size-100">
<p>This paragraph is adjusted to 100% of regular size.</p>
</div>
<div class="fl-font-size-120">
<p>This paragraph is adjusted to 120% of regular size.</p>
</div>
<div class="fl-font-size-150">
<p>This paragraph is adjusted to 150% of regular size.</p>
</div>
{code}
NOTE: The FSS font-size classes are applied to a div surrounding a paragraph element. This would affect all elements contained within the div. It could also be applied to a specific paragraph, if desired.
{div2}
|