SCSS

by Pratik Galoria

HTML

<ul>
  <li>
    <div>
    GN0001
    </div>
    <ul>
      <li>SN1</li>
    </ul>
  </li>
  <li>GN0002</li>
</ul>

SCSS

ul {
  list-style: dashed;
  padding-left: 20px;
}

li {
  background: #000
    url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjgiIGZpbGw9IiNGRkYiLz48ZyBzdHJva2U9IiM5ODk4OTgiIHN0cm9rZS13aWR0aD0iMS45IiA+PHBhdGggZD0iTTQuNSA5aDkiLz48L2c+Cjwvc3ZnPg==')
    no-repeat center;
  border-left: 1px solid black;
  padding-left: 5px;
}