<commit_before>/*doc
---
title: Typography Helper Classes
name: typography_helper_classes
category: Colors and Fonts
---
<div class="la-panel pal">
  <p>These helper classes will allow you to apply consistent styling to different types of text you might want to use.</p>

  <h4>For blue text color - <code>.blue-text</code>:</h4>
  <hr>
  <h3 class="blue-text">Example Blue Header</h3>
  <div class="codeBlock mvl">
    <div class="highlight">
      <pre><span class="nt">&lt;h3</span> <span class="na">class=</span><span class="s">"blue-text"</span><span class="nt">&gt;</span>Example Blue Header<span class="nt">&lt;/h3&gt;</span></pre>
    </div>
  </div>
  <hr>

  <h4>For green text color - <code>.green-text</code>:</h4>
  <hr>
  <h3 class="green-text">Example Green Header</h3>
  <div class="codeBlock mvl">
    <div class="highlight">
      <pre><span class="nt">&lt;h3</span> <span class="na">class=</span><span class="s">"green-text"</span><span class="nt">&gt;</span>Example Green Header<span class="nt">&lt;/h3&gt;</span></pre>
    </div>
  </div>
  <hr>

  <h4>For white text color - <code>.white-text</code>:</h4>
  <hr>
  <h3 class="white-text">Example White Header</h3>
  <div class="codeBlock mvl">
    <div class="highlight">
      <pre><span class="nt">&lt;h3</span> <span class="na">class=</span><span class="s">"white-text"</span><span class="nt">&gt;</span>Example White Header<span class="nt">&lt;/h3&gt;</span></pre>
    </div>
  </div>
  <hr>

  <h4>For meta information - <code>.meta-info</code>:</h4>
  <hr>
  <span class="meta-info"><NAME> - June 29, 2015 at 3:15pm</span>
  <div class="codeBlock mvl">
    <div class="highlight">
      <pre><span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"meta-info"</span><span class="nt">&gt;</span><NAME> - June 29, 2015 at 3:15pm<span class="nt">&lt;/span&gt;</span></pre>
    </div>
  </div>
  <hr>

</div>

*/

.meta-info {
  font-size: $la-font-extra-small;
  color: $la-grey;
}

.blue-text {
  color: $la-blue;
}

.green-text {
  color: $la-light-green;
}

.white-text {
  color: $la-white;
}<commit_msg>Add white text class for hr<commit_after>/*doc
---
title: Typography Helper Classes
name: typography_helper_classes
category: Colors and Fonts
---
<div class="la-panel pal">
  <p>These helper classes will allow you to apply consistent styling to different types of text you might want to use.</p>

  <h4>For blue text color - <code>.blue-text</code>:</h4>
  <hr>
  <h3 class="blue-text">Example Blue Header</h3>
  <div class="codeBlock mvl">
    <div class="highlight">
      <pre><span class="nt">&lt;h3</span> <span class="na">class=</span><span class="s">"blue-text"</span><span class="nt">&gt;</span>Example Blue Header<span class="nt">&lt;/h3&gt;</span></pre>
    </div>
  </div>
  <hr>

  <h4>For green text color - <code>.green-text</code>:</h4>
  <hr>
  <h3 class="green-text">Example Green Header</h3>
  <div class="codeBlock mvl">
    <div class="highlight">
      <pre><span class="nt">&lt;h3</span> <span class="na">class=</span><span class="s">"green-text"</span><span class="nt">&gt;</span>Example Green Header<span class="nt">&lt;/h3&gt;</span></pre>
    </div>
  </div>
  <hr>

  <h4>For white text color - <code>.white-text</code>:</h4>
  <hr>
  <h3 class="white-text">Example White Header</h3>
  <div class="codeBlock mvl">
    <div class="highlight">
      <pre><span class="nt">&lt;h3</span> <span class="na">class=</span><span class="s">"white-text"</span><span class="nt">&gt;</span>Example White Header<span class="nt">&lt;/h3&gt;</span></pre>
    </div>
  </div>
  <hr>

  <h4>For meta information - <code>.meta-info</code>:</h4>
  <hr>
  <span class="meta-info"><NAME> - June 29, 2015 at 3:15pm</span>
  <div class="codeBlock mvl">
    <div class="highlight">
      <pre><span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"meta-info"</span><span class="nt">&gt;</span><NAME> - June 29, 2015 at 3:15pm<span class="nt">&lt;/span&gt;</span></pre>
    </div>
  </div>
  <hr>

</div>

*/

.meta-info {
  font-size: $la-font-extra-small;
  color: $la-grey;
}

.blue-text {
  color: $la-blue;
}

.green-text {
  color: $la-light-green;
}

.white-text {
  color: $la-white;
}

hr.white-text {
  border-color: $la-white;
}
{'fraction_non_alphanumeric': 0.22916666666666666, 'fraction_numerical': 0.017790262172284643, 'mean_word_length': 4.185679611650485, 'pattern_counts': {'":': 0, '<': 207, '<?xml version=': 0, '>': 207, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4937682', 'n_tokens_mistral': 1663, 'n_tokens_neox': 1591, 'n_words': 332}