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.

/* 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

/* 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 commands. */
li.step > .cmd,
li.step > .cmd > span.ph {
    font-weight: bold;
    color: #457b9d;
}

Style substep commands

/* Style substep commands. */
li.substep > .cmd,
li.substep > .cmd > span.ph {
    font-weight: bold;
}

Style choices content

/* Style choices. */
li.choice,
li.choice > span.ph {
    font-style: italic;
}

Do not reset step-counters after step section elements

/* Do not reset step-counters after step section elements */
ol.steps[start] {
    counter-reset: lis;
}