CSS - bullet li tick style

Question

.ul-detail {
  li::before {
    // content: "•"; 
    color: $blue-second;
    margin-right: 10px;
  }
  &.tick {
    li::before {
      content: "✔"; 
    }

  }
}

 

<div class="ul-detail tick">
  <li>point 1</li>
  <li>point 1</li>
</div>