Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Include Page
Infusion13:Styles for FSS examples
Infusion13:Styles for FSS examples
Divsection
classfl-col-mixed-200
{div2:class=fl-col-fixed fl-force-left} {include:FSS text examples navigation} {div2} {div2:class=fl-col-flex}
Wiki Markup
Column
Include Page
Infusion13:FSS text examples navigation
Infusion13:FSS text examples navigation
Include Page
Infusion13:FSS Links Panel
Infusion13:FSS Links Panel
Column
Wiki Markup


h2. Font Size

(Note that other sizes are also available. See the [FSS Cheat Sheet] for specifics.)

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

The markup and classes used to produce this example:

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

NOTE: The {{fl-font-size-*}} classes are applied to the paragraph tags and so apply only that paragraph. The class could be applied to a {{<div>}} surrounding many paragraphs to apply the style to all paragraphs.
{div2}