@willowtreeapps/ukor/docs/resources/_includes/sidebar.html

Roku build tool with flavors and deployment

<div class="col-12 col-md-4 col-xl-3 sidebar">
    <nav id="sidebar-nav" class="collapse pr-0">
        <ul class="nav flex-column">
            {% for heading in site.data.sidebar[page.sidebar] %}
                {% if page.grouping == heading.grouping %}
                    <div class="sidebar-nav-item active">
                {% else %}
                    <div class="sidebar-nav-item">
                {% endif %}

                    <span class="active-indicator">&mdash;</span>
                    <a href="{{ site.baseurl }}{{ heading.url }}">{{ heading.title }}</a>

                    <ul class="nav sidebar-subnav">
                        {% for item in heading.children %}
                            <li>
                                <span class="active-indicator">&mdash;</span>
                                <a class="sidebar-nav-item" href="{{ site.baseurl }}{{ item.url }}">{{ item.title }}</a>
                            </li>
                        {% endfor %}
                    </ul>
                </div> 
            {% endfor %}
        </ul>
    </nav>
</div>