changes.mady.by.user heidi valles
Saved on Sept 09, 2011
Note that there are many other colours available. See the FSS Cheat Sheet for specifics.
{html} <div class="demo-text-colours"> <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> </div> {html}
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> {code}
NOTE:
fl-text-
*
are
applied
the
paragraph
tags
so
apply
only
that
paragraph.
class
could
be
a
<div>
surrounding
many
paragraphs
style
all
paragraphs.
{html} <div class="demo-text-colours"> <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> </div> {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> {code}
fl-highlight-