Skip to content

Instantly share code, notes, and snippets.

@calebgrove

calebgrove/style-li-numbers.scss

Created January 30, 2014 19:02
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save calebgrove/8716341 to your computer and use it in GitHub Desktop.
Save calebgrove/8716341 to your computer and use it in GitHub Desktop.
Download ZIP
Style <li> Numbers
Raw
style-li-numbers.scss
ol { counter-reset: item; }
li {
display: block;
&:before {
// create the numbers & increment...
content: counter(item) ".";
counter-increment: item;
// correct positioning...
float: left;
padding-right: 0.3em;
// let's style them!
font-weight: 700;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment