{% extends "layout.njk" %}
{% block main %}
{% import "macros/header.njk" as nav %}
{{nav.active("changelog")}}

<div class="style-guide-content" id="changelog">
  <section class="style-guide-hero">
    <div class="container">
      <div class="row">
        <div class="col-10">
          <h1>Changelog</h1>
          <p>The SendGrid Style Guide is a library for developing consistent UI/UX at SendGrid. It is made up of modular, reusable components based on <a class="link" href="http://www.smashingmagazine.com/2011/12/an-introduction-to-object-oriented-css-oocss/" target="_blank">OOCSS</a> and <a class="link" href="https://smacss.com/book/categorizing" target="_blank">SMACSS</a> principles.</p>
        </div>
      </div>
    </div>
  </section>
  <nav class="style-guide-page-nav">
    <a class="return-top" href="#changelog"><i class="sg-icon sg-icon-caret"></i></a>
    <ol class="breadcrumb">
      <li>Changelog</li>
    </ol>
    <ul class="tab-wrapper">
      <li class="tab" id="changelog-latest-nav"><a href="#changelog-latest">Latest</a></li>
      <li class="tab" id="changelog-archive-nav"><a href="#changelog-archive">Archive</a></li>
    </ul>
  </nav>
  <section class="style-guide-examples">
    {% include "partials/intro/changelog.njk" %}
  </section>
</div>

{% import "macros/footer.njk" as footer %}
{{footer.active("changelog")}}
<!-- build:js js/style-guide-demo.min.js -->
{% include "partials/js.njk" %}
<!-- endbuild -->
{% endblock %}
