// 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