Documentation for a historical release of Infusion: 1.3
Please view the Infusion Documentation site for the latest documentation.
If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 3 Next »

Unknown macro: {div2}

All Text Examples

Font size

Font family

Letter spacing

Text alignment

Colours and Highlight colours

Styles
Unknown macro: {div2}

Colours

Note that there are many other colours available. See the FSS Cheat Sheet for specifics.

Unknown macro: {html}

<p class="fl-text-aqua">This paragraph is "aqua" coloured.</p>
<p class="fl-text-fuchsia">This paragraph is "fuchsia" coloured.</p>
<p class="fl-text-olive">This paragraph is "olive" coloured.</p>
<p class="fl-text-teal">This paragraph is "teal" coloured.</p>
<p class="fl-text-yellow">This paragraph is "yellow" coloured.</p>

The markup and classes used to produce this example:

<p class="fl-text-aqua">This paragraph is "aqua" coloured.</p>
<p class="fl-text-fuchsia">This paragraph is "fuchsia" coloured.</p>
<p class="fl-text-olive">This paragraph is "olive" coloured.</p>
<p class="fl-text-teal">This paragraph is "teal" coloured.</p>
<p class="fl-text-yellow">This paragraph is "yellow" coloured.</p>

NOTE: The fl-text-* 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.

Highlight Colours

Unknown macro: {html}

<p class="fl-highlight-yellow">This paragraph has "yellow" highlight.</p>
<p class="fl-highlight-green">This paragraph has "green" highlight.</p>
<p class="fl-highlight-blue">This paragraph has "blue" highlight.</p>

The markup and classes used to produce this example:

<p class="fl-highlight-yellow">This paragraph has "yellow" highlight.</p>
<p class="fl-highlight-green">This paragraph has "green" highlight.</p>
<p class="fl-highlight-blue">This paragraph has "blue" highlight.</p>

NOTE: The fl-highlight-* 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.

  • No labels