patternlibrary/styleguide/_source/styleguide-builder/sidebar.twig

36 lines
1.6 KiB
Twig

<!-- kss-sidebar -->
<div class="kss-sidebar">
<header class="kss-sidebar__header">
<a class="kss-link" href="index.html">
<h1 class="kss-doc-title">{{ options.title }}</h1>
</a>
</header>
<nav class="kss-nav">
<ul class="kss-nav__menu">
{% for menu_item in menu %}
<li class="kss-nav__menu-item">
<a class="kss-nav__menu-link" href="section-{{ menu_item.referenceURI }}.html">
<!-- <span class="kss-nav__ref">{{ menu_item.referenceNumber }}</span> -->
{{ menu_item.header }}</a>
<!-- Design links stright to item tempplate -->
{% if menu_item.isActive and menu_item.children is not empty %}
<ul class="kss-nav__menu-child">
{% for menu_child in menu_item.children %}
<li class="kss-nav__menu-item">
{% if "design-" in menu_child.referenceURI %}
<a class="kss-nav__menu-link kss-design__link" href="item-{{ menu_child.referenceURI }}.html">
{% else %}
<a class="kss-nav__menu-link" href="section-{{ menu_item.referenceURI }}.html#kssref-{{ menu_child.referenceURI }}">
{% endif %}
<!-- <span class="kss-nav__ref">{{ menu_child.referenceNumber }}</span> -->
{{ menu_child.header }}
</a>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
</nav>
</div>