Styleguide

Category

Tag

All Colors

/aigis_assets\css\theme.css
  • latest
Last update at 2016/03/23 20:48
<footer class="aigis-footer">Last update at 2016/03/23 20:48</footer>

Preview

/aigis_assets\css\theme.css
  • latest
Button
<div class="aigis-preview">
  <a class="ex-ag-btn">Button</a>
  <button class="ex-ag-btn ex-ag-btn--primary">Button</button>
</div>

Codeblock

/aigis_assets\css\theme.css
  • latest
<div class="aigis-header">
  hoge
</div>
<pre><code class="lang-html"><pre class="editor editor-colors"><div class="line"><span class="text html gohtml"><span class="meta tag block any html"><span class="punctuation definition tag begin html"><span>&lt;</span></span><span class="entity name tag block any html"><span>div</span></span><span>&nbsp;</span><span class="entity other attribute-name html"><span>class</span></span><span>=</span><span class="string quoted double html"><span class="punctuation definition string begin html"><span>"</span></span><span>aigis-header</span><span class="punctuation definition string end html"><span>"</span></span></span><span class="punctuation definition tag end html"><span>&gt;</span></span></span></span></div><div class="line"><span class="text html gohtml"><span>&nbsp;&nbsp;hoge</span></span></div><div class="line"><span class="text html gohtml"><span class="meta tag block any html"><span class="punctuation definition tag begin html"><span>&lt;/</span></span><span class="entity name tag block any html"><span>div</span></span><span class="punctuation definition tag end html"><span>&gt;</span></span></span></span></div></pre>
</code></pre>

Sidemenu

/aigis_assets\css\theme.css
  • latest
Styleguide

Category

Tag

All Colors

<div class="aigis-sidemenu">
  <header class="aigis-header">
    <a href="../../index.html">Styleguide</a>
  </header>
  <h2 class="aigis-sidemenu__heading">Category</h2>
  <nav class="aigis-categoryList">

  </nav>
  <h2 class="aigis-sidemenu__heading">Tag</h2>
  <nav class="aigis-tags aigis-tagList">

  </nav>
  <h2 class="aigis-sidemenu__heading"><a href="../../color.html">All Colors</a></h2>
</div>

Category list

/aigis_assets\css\theme.css
  • latest

Category

<h2 class="aigis-sidemenu__heading">Category</h2>
<nav class="aigis-categoryList">
  <ul data-path-depth="0">
    <li data-path-depth="0"><a href="#">body</a></li>
    <li data-path-depth="0"><a href="#">layout</a>
      <ul data-path-depth="1">
        <li data-path-depth="1"><a href="#">sidemenu</a></li>
      </ul>
    </li>
  </ul>
</nav>

Tag list

/aigis_assets\css\theme.css
  • latest
<nav class="aigis-tags aigis-tagList">
  <a class="aigis-tags__item aigis-tags__item--deprecated" href="#">deprecated</a>
  <a class="aigis-tags__item aigis-tags__item--latest" href="#">latest</a>
</nav>

Module list

/aigis_assets\css\theme.css
  • latest
<nav>
  <h2 class="aigis-module__heading">Modules</h2>
  <ul class="aigis-moduleList">
    <li class="aigis-moduleList__item">
      <a href="#header">header</a>
    </li>
    <li class="aigis-moduleList__item">
      <a href="#sidemenu">sidemenu</a>
    </li>
    <li class="aigis-moduleList__item">
      <a href="#category list">category list</a>
    </li>
    <li class="aigis-moduleList__item">
      <a href="#tags">tags</a>
    </li>
  </ul>
</nav>