<commit_before>---
title: Refills
---

<div class="refills-header">
  <h1>Refills</h1>
  <h2><span>Refills</span> are prepackaged patterns and compontents, built ontop of <a href="http://www.bourbon.io">Bourbon</a>, <a href="http://bitters.bourbon.io/">Bitters</a>, and <a href="http://neat.bourbon.io/">Neat</a>.</h2>
  <p>Managed by <a href="https://thoughtbot.com/">thoughtbot</a>, instructions at <a href="https://github.com/thoughtbot/refills">Github</a></p>
</div>

<div id="example1" class="refills-wrapper">

  <a class="js-menu-trigger-refills refills-menu-anchor">&#9776;</a>
  <div class="js-menu-screen-refills refills-menu-screen"></div>
  
  <h5>Patterns</h5>

  <div id="navigation" class="refill">
    <div class="line-behind-text"><h6>Navigation</h6></div>
    <%= partial "navigation" %>
    <div class="refill-snippet"><%= snippets('navigation') %></div>
  </div>

  <div id="hero" class="refill">
    <div class="line-behind-text"><h6>Hero Unit</h6>  </div>
    <%= partial "hero" %>
    <div class="refill-snippet"><%= snippets('hero') %></div>
  </div>

  <div id="icon-bullet-points" class="refill">
    <div class="line-behind-text"><h6>Icon Bullet Points</h6></div>
    <%= partial "icon-bullet-points" %>
    <div class="refill-snippet"><%= snippets('icon-bullet-points') %></div>
  </div>
<commit_msg>fix typo<commit_after>---
title: Refills
---

<div class="refills-header">
  <h1>Refills</h1>
  <h2><span>Refills</span> are prepackaged patterns and compontents, built on top of <a href="http://www.bourbon.io">Bourbon</a>, <a href="http://bitters.bourbon.io/">Bitters</a>, and <a href="http://neat.bourbon.io/">Neat</a>.</h2>
  <p>Managed by <a href="https://thoughtbot.com/">thoughtbot</a>, instructions at <a href="https://github.com/thoughtbot/refills">Github</a></p>
</div>

<div id="example1" class="refills-wrapper">

  <a class="js-menu-trigger-refills refills-menu-anchor">&#9776;</a>
  <div class="js-menu-screen-refills refills-menu-screen"></div>
  
  <h5>Patterns</h5>

  <div id="navigation" class="refill">
    <div class="line-behind-text"><h6>Navigation</h6></div>
    <%= partial "navigation" %>
    <div class="refill-snippet"><%= snippets('navigation') %></div>
  </div>

  <div id="hero" class="refill">
    <div class="line-behind-text"><h6>Hero Unit</h6>  </div>
    <%= partial "hero" %>
    <div class="refill-snippet"><%= snippets('hero') %></div>
  </div>

  <div id="icon-bullet-points" class="refill">
    <div class="line-behind-text"><h6>Icon Bullet Points</h6></div>
    <%= partial "icon-bullet-points" %>
    <div class="refill-snippet"><%= snippets('icon-bullet-points') %></div>
  </div>

{'fraction_non_alphanumeric': 0.2368024132730015, 'fraction_numerical': 0.01282051282051282, 'mean_word_length': 4.492753623188406, 'pattern_counts': {'":': 0, '<': 117, '<?xml version=': 0, '>': 117, 'https://': 4, 'lorem ipsum': 0, 'www.': 2, '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': '3910331', 'n_tokens_mistral': 1043, 'n_tokens_neox': 986, 'n_words': 164}