Cause, Condition, Context, Example, Postreq, Prereq, Remedy, Result, Steps, Stepsection

Add labels preceding the task topic and troubleshooting topic “sections”.

Overview

Figure 1. Task Topic
task topic various elements
Figure 2. Troubleshooting Topic
troubleshooting topic

DITA Outputclass Attributes

This module enables you to set the following @outputclass attributes in the DITA source:

process
To change the default “Procedure” label to “Process” before steps in a task topic, assign the @outputclass="process" attribute to the root topic element.
process caption

Common Customizations

You can apply customizations by pasting the following code snippets under the @import rules.

Style labels
styled task captions
JSON
/* Style captions. */
.prereq::before,
.postreq::before,
.steps::before,
.steps-unordered::before,
.stepsection,
.cause::before,
.remedy::before,
.condition::before,
.context::before,
.result::before,
.example::before {
    color: darkred;
    font-size: 22px;
    font-variant: small-caps;
}
Hide labels
context prerequisite disabled
JSON
/*.postreq::before,
.steps::before,
.steps-unordered::before,
.cause::before,
.remedy::before,
.condition::before,
.result::before,
.example::before,*/
/* Hide captions. */
.prereq::before,
.context::before {
    display: none;
}