Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
custom list display
.footnote-index {
font-size: 0.6em;
vertical-align: super
}
ol.footnote-details {
counter-reset:li; /* Initiate a counter */
margin-left:0; /* Remove the default left margin */
padding-left:0; /* Remove the default left padding */
}
ol.footnote-details > li {
margin-left: 2em;
position:relative; /* Create a positioning context */
list-style:none; /* Disable the normal item numbering */
}
ol.footnote-details > li:before {
content:counter(li); /* Use the counter as content */
counter-increment:li; /* Increment the counter by 1 */
/* Position and style the number */
position:absolute;
width:2em;
left:-2em;
top:2px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
margin-right:8px;
font-weight:bold;
text-align:center;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.