Colored Bullets SCSS Mixin (works in IE 8+)

gistfile1.scss

// Simple SCSS mixin for adding colored bullets to your <li> elements
@mixin colored-bullet($color){
  list-style:none;
  text-indent:-19px; // Adjust the text-indent to your specific needs based on your font-size and the typeface you're using

  &:before{
    content:"\002022\00a0\00a0\00a0"; // Add a bullet character and three spaces before your <li> content starts
    color:$color; // Add color to the bullet
  }
}

// Usage
li{
  @include colored-bullet(red);
}

// Or, if you're not using SCSS, just write it out in plain old CSS
li{
  list-style:none;
  text-indent:-19px;
}

li:before{
  content:"\002022\00a0\00a0\00a0";
  color:red;
}