Use :before to style bullets for unordered lists.

lists-unordered.scss

ul {
  margin-left: 30px;
  margin-bottom: 30px;
  margin-top: 10px;
  color: #000;
  list-style: none;
  line-height: 22px;
  ul {
    margin-bottom: 0;
  }
  &:last-child {
    margin-bottom: 0;
  }
}
p + ul {
  margin-top: -20px;
}
li {
  margin-bottom: 10px;
  position: relative;
  li {
    margin-bottom: 5px;
  }
}
ul li:before {
  content:'';
  display: block;
  position: absolute;
  width: 6px;
  height:6px;
  border-radius:6px;
  left: -15px;
  top: .5em;
  background-color: #333;
}