Sha256: 986e108f0ed2b0642f87ba7568a45de277fdbd01cb06e9ad7b9f4b076466b8ef

Contents?: true

Size: 1.96 KB

Versions: 3

Compression:

Stored size: 1.96 KB

Contents

<div class="row editor-link">
  <div class="col editor-link mb-3">
    <a href="cloudcannon:collections/_tabs/" class="btn btn-success editor-button">Edit Tabs Collection</a>
  </div>
</div>
<ul class="nav nav-tabs" id="{{ page.title | replace: ' ', '-' | downcase }}" role="tablist">
  {% assign page_title = page.title %}
  {% assign tab_collection = site.tabs | where: "tabs_page", page_title | sort: "order" %}
  {% for tab in tab_collection %}
  {% assign tab_id = tab.name | downcase | remove: '-' | replace: '&', 'and' | replace: ' ', '-' | remove: "'" | replace: "/", "-" | remove: '’' | remove: '0' | remove: '1' | remove: '2' | remove: '3' | remove: '4' | remove: '5' | remove: '6' | remove: '7' | remove: '8' | remove: '9' | remove: '?' | remove: '!' | remove: '#' | remove: '$'  | remove: '.' | remove: ',' | remove: '(' | remove: ')' | remove: '®' | remove: '©' %}
  <li class="nav-item">
    <a class="nav-link{% if forloop.first == true %} active{% endif %}" id="{{ tab_id }}-label" data-bs-toggle="tab" href="#{{ tab_id }}" role="tab" aria-controls="{{ tab_id }}" aria-selected="{% if forloop.first == true %}true{% else %}false{% endif %}">{{ tab.name }}</a>
  </li>
  {% endfor %}
</ul>
<div class="tab-content mt-3 px-1" id="{{ page.title | replace: ' ', '-' | downcase }}-content">
  {% for tab in tab_collection %}
  {% assign tab_id = tab.name | downcase | remove: '-' | replace: '&', 'and' | replace: ' ', '-' | remove: "'" | replace: "/", "-" | remove: '’' | remove: '0' | remove: '1' | remove: '2' | remove: '3' | remove: '4' | remove: '5' | remove: '6' | remove: '7' | remove: '8' | remove: '9' | remove: '?' | remove: '!' | remove: '#' | remove: '$'  | remove: '.' | remove: ',' | remove: '(' | remove: ')' | remove: '®' | remove: '©' %}
  <div class="tab-pane fade links__offset{% if forloop.first == true %} show active{% endif %}" id="{{ tab_id }}" role="tabpanel" aria-labelledby="{{ tab_id }}-label">
    {{ tab.content }}
  </div>
  {% endfor %}
</div>

<br>

<hr>

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
kcc-gem-theme-original-1.0.2 _includes/tabbed-content.html
kcc-gem-theme-original-1.0.1 _includes/tabbed-content.html
kcc-gem-theme-original-1.0.0 _includes/tabbed-content.html