Cacher is the code snippet organizer for pro developers

web part: repeater

path: /%

transforamtion:
{% if (CurrentDocument.DocumentGUID == DocumentGUID) { %}
  <li><a href="/">Home</a></li>
  {% if (CurrentDocument.Parent.Parent.Parent["DocumentName"].ToString() == "(root)") {  %}
    <li><a href="{% CurrentDocument.Parent.Parent["AbsoluteUrl"].ToString().ToLower() %}">{% CurrentDocument.Parent.Parent["DocumentName"].ToString() %}</a></li>
    <li><a href="{% CurrentDocument.Parent["AbsoluteUrl"].ToString().ToLower() %}">{% CurrentDocument.Parent["DocumentName"].ToString() %}</a></li>
    <li class="uk-active"><span>{% MenuItemName.ToString() %}</span></li>
  {% } #%}
  {% if (CurrentDocument.Parent.Parent["DocumentName"].ToString() == "(root)") { %}
    <li><a href="{% CurrentDocument.Parent["AbsoluteUrl"].ToString().ToLower() %}">{% CurrentDocument.Parent["DocumentName"].ToString() %}</a></li>
    <li class="uk-active"><span>{% MenuItemName.ToString() %}</span></li>
  {% } #%}
  {% if (CurrentDocument.Parent["DocumentName"].ToString() == "(root)") { %}
    <li class="uk-active"><span>{% MenuItemName.ToString() %}</span></li>
  {% } #%}
{% } #%}


Content before:<ul class="uk-breadcrumb">
Content after: </ul>

css: 
.uk-block > :last-child {
    margin-bottom: 0;
}
.uk-breadcrumb {
    padding: 20px 5px;
}
.uk-breadcrumb {
    padding: 0;
    list-style: none;
    font-size: 0.001px;
}