echo-serial
前後リンク(ページ移動ナビゲーション)を前提とした外観に変更する。.echo-nav
を包括する。
一般にはやや小さく表示されることが多いため、このサンプルコードでは .echo-nav-sm
を付与している。
コンポーネント内の .echo-nav-item.prev
, .echo-nav-item.next
は前後移動リンクとみなされる。
.prev, .next,
を変更したい場合は、 /_scss/_config_advance.scss
の変数
$paginate-prev, $paginate-next
を変更すること。
<div class="echo-serial">
<nav class="echo-nav echo-nav-sm">
<ul class="echo-nav-list">
<li class="echo-nav-item prev">
<a href="#" class="echo-nav-label" aria-label="prev">ひとつ前、時系列の新着順で表現すると未来のエントリーです</a>
</li>
<li class="echo-nav-item next">
<a href="#" class="echo-nav-label" aria-label="next">ひとつ後、時系列の新着順で表現すると過去のエントリーです</a>
</li>
</ul><!-- /.echo-nav-list -->
</nav><!-- /.echo-nav -->
</div><!-- /.echo-serial -->