DRBU Component Library

Tree Branches 

<span class="tree">

    <span class="tree_branch">

        <span class="tree_branch">

            <span class="tree_branch">

                <span class="tree_branch tree_bloom">

                </span>

                <span class="tree_branch tree_bloom">

                </span>
            </span>

            <span class="tree_branch">

                <span class="tree_branch tree_bloom">

                </span>

                <span class="tree_branch tree_bloom">

                </span>
            </span>
        </span>

        <span class="tree_branch">

            <span class="tree_branch">

                <span class="tree_branch tree_bloom">

                </span>

                <span class="tree_branch tree_bloom">

                </span>
            </span>

            <span class="tree_branch">

                <span class="tree_branch tree_bloom">

                </span>

                <span class="tree_branch tree_bloom">

                </span>
            </span>
        </span>
    </span>

    <span class="tree_branch">

        <span class="tree_branch">

            <span class="tree_branch">

                <span class="tree_branch tree_bloom">

                </span>

                <span class="tree_branch tree_bloom">

                </span>
            </span>

            <span class="tree_branch">

                <span class="tree_branch tree_bloom">

                </span>

                <span class="tree_branch tree_bloom">

                </span>
            </span>
        </span>

        <span class="tree_branch">

            <span class="tree_branch">

                <span class="tree_branch tree_bloom">

                </span>

                <span class="tree_branch tree_bloom">

                </span>
            </span>

            <span class="tree_branch">

                <span class="tree_branch tree_bloom">

                </span>

                <span class="tree_branch tree_bloom">

                </span>
            </span>
        </span>
    </span>
</span>
 
{% set max_depth = 5 %}
{% set current_depth = current_depth|default(0) + 1 %}

{% if current_depth <= max_depth %}
<span class="{% if current_depth == 1 %}tree{% else %}tree_branch{% endif %}{% if current_depth == max_depth %} tree_bloom{% endif %}">
	{% include '@component-tree-branches' with {'current_depth': current_depth} %}
	{% include '@component-tree-branches' with {'current_depth': current_depth} %}
</span>
{% endif %}

No notes defined.