Ordered List Numerical Intent Styling

To enable numerical styling of nested ordered lists

1.0

 1.1

  1.2

    1.21

/*----------------------------
ORDERED LIST NUMBERED INDENT STYLING
----------------------------*/


ol > li:before{
content: counters(item,".") ". ";
display: table-cell;
padding-right: 0.6em;
}

ol > li{
display: table;
counter-increment: item;
margin-bottom: 0.5rem;
line-height: 2;
}

ol {
list-style-type: none;
counter-reset: item;
margin: 0;
padding: 0;
list-style: decimal;
list-style-position: outside;
}

Index Previous