byceps/blueprints/common/style_guide/templates/common/style_guide/sections/_tabs.html from byceps/byceps

byceps/blueprints/common/style_guide/templates/common/style_guide/sections/_tabs.html

Summary

Maintainability

Test Coverage

Issues
Source
Stats

Issues

<p>Left-aligned:</p>

{% call render_example() %}
<ol class="tabs">
  <li><a class="tabs-tab" href="#">Tab 1</a></li>
  <li><a class="tabs-tab tabs-tab--current">Tab 2</a></li>
  <li><a class="tabs-tab" href="#">Tab 3</a></li>
  <li><a class="tabs-tab" href="#">Tab 4</a></li>
</ol>
{% endcall %}

<p>Centered:</p>

{% call render_example() %}
<ol class="tabs is-hcentered">
  <li><a class="tabs-tab" href="#">Tab 1</a></li>
  <li><span class="tabs-tab tabs-tab--current">Tab 2</span></li>
  <li><a class="tabs-tab" href="#">Tab 3</a></li>
  <li><a class="tabs-tab" href="#">Tab 4</a></li>
</ol>
{% endcall %}