style-guide-section.html

<section id="styleguide-section-{SECTION_NAME}" class="styleguide-section">
  <h2>{SECTION_TITLE}</h2>
  <div class="styleguide-section-docs">
    <p>{SECTION_DOCUMENTATION}</p>
  </div>
  <div class="styleguide-section-block">
    <div class="styleguide-section-files">Reference files: {FILE_NAMES}</div>

    <h3>{DEMO_TITLE}</h3>
    <!-- Add optional documentation for this demo -->
    <!-- <div class="styleguide-section-docs">
      <p>{SECTION_DOCUMENTATION}</p>
    </div> -->
    <div class="styleguide-demo-block">
      <div class="styleguide-demo-each">
        {DEMO_MARKUP}
      </div> <!-- /.styleguide-demo-each -->
      <button class="btn-styleguide-code js-btn-styleguide-code btn btn--brand-1 btn--sm">Code</button>
    </div> <!-- /.styleguide-demo-block -->

  </div> <!-- /.styleguide-section-block -->
</section>