// Turn off the bullet for an element of a list
=no-bullet
  list-style-type: none
  margin-left: 0px

// turns off the bullets for an entire list
=no-bullets
  li
    +no-bullet

// Make a list(ul/ol) have an image bullet
// mixin should be used like this for an icon that is 5x7:
// ul.pretty
//   +pretty-bullets("my-icon.png", 5px, 7px)
=pretty-bullets(!bullet_icon, !width, !height, !line_height = 18px, !padding = 14px)
  margin-left: 0
  li
    padding-left= !padding
    background= image_url(!bullet_icon) "no-repeat" ((!padding - !width) / 2) ((!line_height - !height) / 2)
    list-style-type: none