Skip to content

Instantly share code, notes, and snippets.

@julianxhokaxhiu
Last active August 29, 2015 14:03
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save julianxhokaxhiu/8fe1d40b054589e8c212 to your computer and use it in GitHub Desktop.
Save julianxhokaxhiu/8fe1d40b054589e8c212 to your computer and use it in GitHub Desktop.
Special bullets for your lists
ul {
position: relative;
list-style-type: none;
padding: 0;
li {
word-wrap: break-word;
padding-left: 30px; // Adjust this as much as you like, based on 'font-size' and 'content' property
&:before {
position: absolute;
left: 0;
content: '—'; // Place here your special character
font-size: 22px; // The size of it
line-height: 18px; // Special vertical alignment trick
}
ul {
li {
padding-left: 15px; // Different 'content' means different padding :)
&:before {
content: '-'; // Another bullet type for sublists...cool!
}
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment