this will not work on IE and older browsers. Basic has no knowledge of responsive. Discussed with Al, proposed solution is: 

.list {
  list-style:inside;
  li {
    line-height:1.5em;
  }
}

.testSupport:before,
.list {
  list-style: none;
  > li {
    &:before {
      content:'\2022';
      display: block;
      position: relative;
      width: 0px;
      height: 0px;
      left: -20px;
      top: -5px;
      color: $color-list-bullet;
      font-size: 24px;
    }
  }
}