header

<div class="gh-header">
  <div class="gh-l-container gh-l-header">
    <div class="gh-l-header__left">
      <h1 class="gh-header__name">
        <a href="/pxgrid/aigis/">aigis</a>
      </h1>
    </div>
    <div class="gh-l-header__right">
      <ul class="gh-header-menu">
        <li class="gh-header-menu__item"><a href="#">About</a>
        <li class="gh-header-menu__item"><a href="#">Usage</a>
        <li class="gh-header-menu__item"><a href="./docs/index.html">Sample</a>
        <li class="gh-header-menu__item"><a href="#">Docs</a>
        <li class="gh-header-menu__item"><a href="#">GitHub</a>
      </ul>
    </div>
  </div>
</div>

hero

<div class="gh-hero gh-l-hero">
  <p class="gh-hero__mainText">aigis is a styleguide generator.</p>
  <p class="gh-hero__subText">Make easier and maintainable.</p>
  <div class="gh-hero__btn"><a href="https://github.com/pxgrid/aigis/" target="_blank">View on GitHub</a></div>
</div>

footer

<div class="gh-footer">
  <p>Created and maintained by <a href="https://twitter.com/nakajmg">@nakajmg</a> and
    <a href="https://twitter.com/geckotang">@geckotang</a>
  </p>
</div>

Button

• latest
• base

Button styles.

• Base button style.
• Use a or button tag.

<a class="ag-btn">Button</a>
<button class="ag-btn ag-btn--primary">Button</button>

<a class="ag-btn"><%- name %></a>
<button class="ag-btn ag-btn--primary"><%- name %></button>

a.ag-btn
  != name
button.ag-btn.ag-btn--primary
  != name

{{include './button.html'}}
<hr>
<a class="ag-btn">{{name}}</a>
<button class="ag-btn ag-btn--primary">{{name}}</button>

profile

<footer>
  <div class="gh-footer gh-l-footer">
    <div class="gh-profile">
      <p class="gh-profile__description">
        Created and Maintained by
      </p>
      <a class="gh-profile__item" href="https://twitter.com/nakajmg">
        <img class="gh-profile__gravatar" src="http://www.gravatar.com/avatar/5713bf32ecfacfc3b921151a453cc18e?s=256">
        <span class="gh-profile__name">@nakajmg</span>
      </a>
      and
      <a class="gh-profile__item" href="https://twitter.com/geckotang">
        <img class="gh-profile__gravatar" src="http://www.gravatar.com/avatar/909a39901bdf059ebaa9fb6486134040.png?s=256">
        <span class="gh-profile__name">@geckotang</span>
      </a>
    </div>
  </div>
</footer>