component-serial

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 -->