Блоки

Соседние статьи

Предыдущая и следующая статьи в двух ячейках.

Примеры

<nav class="nextprev" aria-label="Соседние статьи">
  <a href="#"><span class="nextprev__l">← Предыдущая</span><span class="nextprev__t">Алерты, которые будят зря</span></a>
  <a href="#"><span class="nextprev__l">Следующая →</span><span class="nextprev__t">Почему реплика PostgreSQL отстаёт на ровном месте</span></a>
</nav>

<nav class="nextprev" aria-label="Соседние статьи">
  <a href="#"><span class="nextprev__l">← Предыдущая</span><span class="nextprev__t">Восстановление проверяют, а не надеются</span></a>
  <span></span>
</nav>

Установка

bukatchuk-ui add nextprev

Файлы

Вставка для Jekyll

{%- comment -%}Соседние статьи: используются page.previous и page.next{%- endcomment -%}
{%- if page.previous or page.next %}
<nav class="nextprev" aria-label="Соседние статьи">
  {%- if page.previous %}<a href="{{ page.previous.url | relative_url }}"><span class="nextprev__l">← Предыдущая</span><span class="nextprev__t">{{ page.previous.title | escape }}</span></a>{% else %}<span></span>{% endif %}
  {%- if page.next %}<a href="{{ page.next.url | relative_url }}"><span class="nextprev__l">Следующая →</span><span class="nextprev__t">{{ page.next.title | escape }}</span></a>{% else %}<span></span>{% endif %}
</nav>
{%- endif %}