Ordered List, Unordered List, Step, Substep, Choice

Adjust the placement of ordered list elements, unordered list elements, step elements, substep elements, and choice elements.

Overview

Resource location:@import url("https://jorsek.github.io/pdfgen.github.io/styles1.1/modules/dita/ordered_list_unordered_list_step_substep_choice.css");
task elements overview

Common Customizations

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

Adjust margins before list item elements
Remember: We recommend keeping the same margins before list item elements and paragraph elements. See Paragraph.
list item margins
/* Adjust margins before list item elements. */
.li:not(li.step, li.substep, li.choice) {
    margin-top: 10px;
}
Adjust margins before step elements, substep elements, and choice elements
step substep choice margins
/* Adjust margins before step elements, substep elements, and choice elements. */
li.step,
li.step ~ li.step {
  margin-top: 10px;
}
li.substep, li.choice {
    margin-top: 10px;
}
Style step commands
style step command
/* Style step commands. */
li.step > .cmd,
li.step > .cmd > span.ph {
    font-weight: bold;
    color: #457b9d;
}
Style substep commands
style substep commands
/* Style substep commands. */
li.substep > .cmd,
li.substep > .cmd > span.ph {
    font-weight: bold;
}
Style choices content
style choice content
/* Style choices. */
li.choice,
li.choice > span.ph {
    font-style: italic;
}
Do not reset step-counters after step section elements
don't reset counters after step sections
/* Do not reset step-counters after step section elements */
ol.steps[start] {
    counter-reset: lis;
}