The react writing style

Span pseudo-class plus dot

   .dot {
  position: relative;
  // padding: 24px;
  &:after {
    content: ' ';
    position: absolute;
    left: -14px;
    top: 5px;
    width: 8px;
    height: 8px;
    background-color: green;
    border-radius: 6px;
  }
}


   <span className={styles.dot}>1</span>
   <div className={styles.dot}>12</div>
Copy the code