Last active
August 29, 2015 14:20
-
-
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.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// 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