Create a variable style ordered list

[nbaxley-uiuc]

• [ ] Add the CSS below to the theme
• [ ] Add the variable-ol style to the Styles configuration labeled as Variable numbering ol.variable-ol|Variable numbering

When nesting ordered list, the user should have the option to alter the numbering style between decimal and alpha. This is not straightforward in CSS, but using a class like the one below will achieve it. We can use the Styles configuration dropdown to apply these and it seems to be applied to the top level OL only properly.

ol.variable-ol {
    list-style: decimal;
}
ol.variable-ol ol {
    list-style: lower-alpha; 
}
ol.variable-ol ol ol {
    list-style: lower-roman;
}
ol.variable-ol ol ol ol {
    list-style: decimal; 
}

[github-actions[bot]]

Branch wrg20/issue-467-create-a-variable-style-ordered-list created!

[nbaxley-uiuc]

Expected formatting is shown below

[github-actions[bot]]

Branch magjarvis/issue-467-create-a-variable-style-ordered-list created!

[nbaxley-uiuc]

@magjarvis I think I have the CSS correct for this, but it needs testing and integrating into the theme as well as getting the class integrated into the CK Editor for Basic HTML

[nbaxley-uiuc]

This should be solved by #535

[nbaxley-uiuc]

Fixed with #535

[mwllr]

List formatting was added to components 2.5 released in December 2021. https://cdn.toolkit.illinois.edu/2.5/examples/stylesheets/typography/lists/index.html @nbaxley-uiuc