{# Display each section, in order. The "root" element comes first in this loop, and can be detected using the "loop.first" variable as seen below. #} {% for section in sections %} {% set sectionElement = loop.first ? 'div' : 'section' %} <{{ sectionElement }} id="" class="kss-section kss-section--depth-{{ section.depth }} {% if template.isItem %}is-fullscreen{% endif %}">
Info {% set headerElement = (section.depth > 6) ? 'h6' : 'h' ~ section.depth %} <{{ headerElement }} class="kss-title"> {% if ("Design" in section.reference) == true and section.depth != 1 %} {{ section.referenceNumber }} {% else %} {{ section.referenceNumber }} {% endif %} {{ section.header }} {% if section.description %}
{{ section.description|raw }}
{% endif %}
{% for parameter in section.parameters %} {% if loop.first %}
Parameters:
    {% endif %}
  • {{ parameter.name }}
    {{ parameter.description|raw }} {% if parameter.defaultValue %}
    Defaults to: {{ parameter.defaultValue }}
    {% endif %}
    • {% if loop.last %}
{% endif %} {% endfor %} {% if ("Design" in section.reference) == false %} {% if section.example %}
{% if section.modifiers is not empty %}
Default styling
{% endif %}
{{ section.example|raw }}
{% for modifier in section.modifiers %}
{{ modifier.name }} {{ modifier.description|raw }}
{{ modifier.markup|raw }}
{% endfor %}
{% endif %} {% endif %}
Close {% if section.source.filename %}
Source
{{ section.source.filename }}, line {{ section.source.line }}
{% endif %} {% if ("Design" in section.reference) == false %} {% if section.markup %}
Markup
{{ section.markupFile }} 
{{ section.markup|escape('html') }}
{% endif %} {% endif %}
{% endfor %}