{{ homepage|raw }}
{% endif %}
{% else %}
{#
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="kssref-{{ section.referenceURI }}" class="kss-section kss-section--depth-{{ section.depth }} {% if template.isItem %}is-fullscreen{% endif %}">
{% set headerElement = (section.depth > 6) ? 'h6' : 'h' ~ section.depth %}
<{{ headerElement }} class="kss-title kss-title--level-{{ section.depth }}">
{{ section.header }}
{% if section.source.filename %}
{% if section.example %}
Source:
{% endif %}
{% if section.example %}
{% endif %}
{% if section.description %}
{{ section.source.filename }}, line {{ section.source.line }}
{{ section.description|raw }}
{% endif %}
{% for parameter in section.parameters %}
{% if loop.first %}
Parameters:
-
{% endif %}
-
{{ parameter.name }}{{ parameter.description|raw }} {% if parameter.defaultValue %}Defaults to:{% endif %}{{ parameter.defaultValue }}
{% if loop.last %}
Example{% if section.modifiers is not empty %}s{% endif %}
{% 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 %}
{% if section.markupFile %}
Markup: {{ section.markupFile }}
{% else %}
Markup
{% endif %}
{{ section.markup|escape('html') }}