KSS Template 3-depth menu style

menu.html

<ul class="kss-menu-list">
  <li class="kss-menu-list-item">
    <a href="./index.html" class="kss-menu-list-link"><span class="kss-mod-left">0</span><span class="kss-mod-right">Описание</span></a>
  </li>
  {{#eachRoot}}
    <li class="kss-menu-list-item">
      <a href="./section-{{reference}}.html" class="kss-menu-list-link"><span class="kss-mod-left">{{reference}}</span><span class="kss-mod-right">{{header}}</span></a>
      {{#ifReference ../rootName}}
        <ul class="kss-menu-list-child">
          {{#eachSection reference}}
            {{#unlessDepth 1}}
            {{#unlessDepth 3}}
              <li class="kss-menu-list-child-item">
                <a href="#section-{{reference}}" class="kss-menu-list-child-link"><span class="kss-mod-left">{{reference}}</span><span class="kss-mod-right">{{header}}</span></a>
                {{#ifReference ../reference}}
                  <ul class="kss-menu-list-child">
                    {{#eachSection ../reference}}
                      {{#ifDepth 3}}
                        <li class="kss-menu-list-child-item">
                          <a href="#section-{{reference}}" class="kss-menu-list-child-link"><span class="kss-mod-left">{{reference}}</span><span class="kss-mod-right">{{header}}</span></a>
                        </li>
                      {{/ifDepth}}
                    {{/eachSection}}
                  </ul>
                {{/ifReference}}
              </li>
            {{/unlessDepth}}
            {{/unlessDepth}}
          {{/eachSection}}
        </ul>
      {{/ifReference}}
    </li>
  {{/eachRoot}}
</ul>