title: li::before pseudo element not being applied
body: <p>I have a simple UL list that I am applying a CSS class too and the li::before pseudo class is not being applied.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;ul class="my-ul"&gt;
      &lt;li&gt;Item 1&lt;/li&gt;
      &lt;li&gt;Item 2&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.my-ul {
      font-size: 12pt;
      list-style: none;
  }
  
  .my-ul li {
      margin: 0 0 5px 0;
  }
  
  .my-ul li::before {
      content: disc;
      color: #501521;
  }
  </code></pre>
  
  <p>What I am doing wrong?</p>