Skip to content

Instantly share code, notes, and snippets.

@Xanir
Created January 5, 2017 20:51
Show Gist options
  • Save Xanir/048aa3357d708aaa6a7a60016d957e57 to your computer and use it in GitHub Desktop.
Save Xanir/048aa3357d708aaa6a7a60016d957e57 to your computer and use it in GitHub Desktop.
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