{#
/**
 * @file
 * Default theme implementation for a breadcrumb trail.
 *
 * Available variables:
 * - breadcrumb: Breadcrumb trail items.
 *
 * @ingroup themeable
 */
#}
{% if breadcrumb %}
  <nav role="navigation" aria-labelledby="system-breadcrumb">
    <h2 id="system-breadcrumb" class="visually-hidden">{{ 'Breadcrumb'|t }}</h2>
    <ol style="list-style-type:none; display: flex;padding:0;">
    {% for item in breadcrumb %}
      <li style="display: inline-flex; align-items: end">
        {% if not loop.first %}
          {% embed 'kern_ux_canvas:icon' with {icon: 'chevron-right'} only %}{% endembed %}
        {% endif %}
        {% if item.url %}
          <a href="{{ item.url }}" class="kern-link">
            {% if loop.first %}
              {% embed 'kern_ux_canvas:icon' with {icon: 'home'} only %}{% endembed %}
            {% endif %}
            {{ item.text }}</a>
        {% else %}
          {{ item.text }}
        {% endif %}
      </li>
    {% endfor %}
    </ol>
  </nav>
{% endif %}
