<ol class="ol u_alpha">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ol>
<ol class="ol u_alpha">
{% for ol_ua_item in ol_ua_items %}
<li>{{ ol_ua_item.content }}</li>
{% endfor %}
</ol>
{
"ul_items": {
"1": {
"content": "Item 1"
},
"2": {
"content": "Item 2"
},
"3": {
"content": "Item 3"
},
"4": {
"content": "Item 4"
}
},
"ol_ua_items": {
"1": {
"content": "Item 1"
},
"2": {
"content": "Item 2"
},
"3": {
"content": "Item 3"
},
"4": {
"content": "Item 4"
}
}
}
.ol {
&.u_alpha {
list-style-type: upper-alpha;
}
&.l_alpha {
list-style-type: lower-alpha;
}
&.u_roman {
list-style-type: upper-roman;
}
&.l_roman {
list-style-type: lower-roman;
}
}
Show ordered list with uppercase alphabet as list item identifier.