<ol>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item
<ol>
<li>Subitem</li>
<li>Subitem</li>
<li>Subitem</li>
</ol>
</li>
<li>Item</li>
<li>Item</li>
</ol>
<{{#if ordered}}ol{{else}}ul{{/if}}>
{{#each items}}
<li>{{ item.text }}
{{~#if item.sublist~}}
<{{#if item.sublist.ordered}}ol{{else}}ul{{/if}}>
{{#each item.sublist.items}}
<li>{{ item.text }}</li>
{{/each}}
</{{#if item.sublist.ordered}}ol{{else}}ul{{/if}}>
{{/if}}</li>
{{/each}}
</{{#if ordered}}ol{{else}}ul{{/if}}>
{
"items": [
{
"item": {
"text": "Item"
}
},
{
"item": {
"text": "Item"
}
},
{
"item": {
"text": "Item"
}
},
{
"item": {
"text": "Item",
"sublist": {
"ordered": true,
"items": [
{
"item": {
"text": "Subitem"
}
},
{
"item": {
"text": "Subitem"
}
},
{
"item": {
"text": "Subitem"
}
}
]
}
}
},
{
"item": {
"text": "Item"
}
},
{
"item": {
"text": "Item"
}
}
],
"ordered": true
}
ol, ul {
padding-left: 1.5em;
}
ol {
list-style: decimal outside;
ol {
list-style: lower-alpha outside;
}
}
li {
margin-bottom: $line-height/2;
> ol, ul {
margin-top: $line-height/2;
margin-bottom: $line-height/2;
}
}
There are no notes for this item.