Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Div
classfl-col-mixed-200
Wiki Markup
{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<p class="fl-font-size-70">
    <p>This >This paragraph is adjusted to 70% of regular size.</p>
</div>
<div<p class="fl-font-size-100">
    <p>This >This paragraph is adjusted to 100% of regular size.</p>
</div><p <div class="fl-font-size-120">
    <p>This >This paragraph is adjusted to 120% of regular size.</p>
</div>
<div<p class="fl-font-size-150">
    <p>This >This paragraph is adjusted to 150% of regular size.</p>
</div>
{html}

The markup and classes used to produce this example:

{code:html}
<div<p class="fl-font-size-70">
    <p>This >This paragraph is adjusted to 70% of regular size.</p>
</div><p <div class="fl-font-size-100">
    <p>This >This paragraph is adjusted to 100% of regular size.</p>
</div>
<div<p class="fl-font-size-120">
    <p>This >This paragraph is adjusted to 120% of regular size.</p>
</div>
<div<p class="fl-font-size-150">
    <p>This >This paragraph is adjusted to 150% of regular size.</p>
</div>
{code}

NOTE: The FSS font-size classes are applied to athe divparagraph surroundingtags aand paragraphso element.apply Thisonly wouldthat affectparagraph. allThe elementsclass containedcould withinbe theapplied div.to It could also be applieda {{<div>}} surrounding many paragraphs to aapply the specificstyle paragraph,to ifall desiredparagraphs.

{div2}