Skip to content

Instantly share code, notes, and snippets.

@drogers98
Last active August 29, 2015 14:20
Show Gist options
  • Save drogers98/d6825dfd1563808e6a8b to your computer and use it in GitHub Desktop.
Save drogers98/d6825dfd1563808e6a8b to your computer and use it in GitHub Desktop.
Some code to fake out list syling for OL/UL's, in order to custom color bullets and numbers.
// Get tricky with some UL's!!
ul {
li {
color: $darkGray;
list-style-type: none;
&:before {
color: $brightTeal;
content:"\2022";
font-size:1.5em;
padding-right:.25em;
position:relative;
top:.1em;
}
}
}
// Lets style some OL's now!!
ol {
counter-reset: i 0;
li {
list-style-type: none;
&:before {
@extend .merriweather;
content: counter(i);
counter-increment: i;
padding-right: 0.5em;
color: $brightTeal;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment