// testbed and examples of PPGEN commands
.dt Example Color Markup, by Barry Abrahamsen
.de body {width:80%; margin:auto;}

// there are multiple ways in PPGEN, and CSS, to color text.
// It's not usual to find words in color in the books I've worked on.
// I was just interested.

// make all h3 headings read
.de h3 {color: crimson} /// make all h3 red

// testbed and examples of PPGEN commands
.dt Example Font Family CSS, by Barry Abrahamsen

// testbed and examples of PPGEN commands
// Example of using a CSS class to make text the color orange.
// this is done by wrapping a string with a <span> or blocks of text in a div with this class.
.de .lang-fr {color: Orange}

// PPGEN also has a built-in shortcut for color text without needing a <span>.
// Just wrap the string with the inline color tag <c>, and include the color name.
// PPGEN recognizes the color names (red, blue, magenta, etc.)
// or hex color codes (#fff, #00f, etc.)

.h1
Example Color Markup
.sp 2
.h2
Applying color with CSS
.nf c
CSS color values are listed at: https:/\/www.w3schools.com/cssref/css_colors_legal.asp
.nf-
.sp 2
.h3
With a “dv”
.sp 1
.dv class=lang-fr
.nf c
“A vaincre sans péril, on triomphe sans gloire”––Corneille.
.nf-
.dv-
.nf c
(“To win without risk is a triumph without glory”––Corneille.)
.nf-
.sp 2
.h3
With a “span”
.nf c
The French say: <span class=lang-fr>“Un chat échaudé craint l’eau
froide.”</span> which in English would be “A scalded cat fears cold water.”
.nf-
.sp 2
.h3
With the PPGEN “c” markup
.nf c
This word is <c=#f00000>red</c>
This word is <c=#808080>grey</c>
This word is <c=#b22222>brick red</c>
This word is <c='blue'>blue</c>.
This word is <c='green'>green</c>.
This word is <c='lime'>lime</c>.
This word is <c='fuchsia'>fuchsia</c>.
.nf-