Framework Averin.pro

CSS Framework дизайн студии Артемия Аверина

Пагинация

Настройка

Основной класс: .pagination

Состояния: .is-links

Скачать CSS фрагмент компонента   Собрать сборку

Примеры

<nav class="pagination">
    <a href="#" class="is-prev"></a>
    <a href="#">1</a>
    <a href="#" class="is-active">2</a>
    <a href="#">3</a>
    <a href="#">4</a>
    <a href="#">5</a>
    <a href="#" class="is-next"></a>
</nav> 

Упрощенная пагинация

<nav class="pagination">
    <a href="#" class="is-prev">Предыдущая</a>
    <a href="#" class="is-next">Следующая</a>
</nav> 

Текущая страница

<nav class="pagination">
    <a href="#" class="is-prev">Предыдущая</a>
    <span class="is-current">2 из 10</span>
    <a href="#" class="is-next">Следующая</a>
</nav> 

Активность кнопки

<nav class="pagination"> 
    <a href="#" class="is-prev is-disabled">Предыдущая</a>
    <a href="#" class="is-next">Следующая</a>
</nav> 
Старт

Типографика
Сетка
Формы
Таблицы
Кнопки
Метки
Пагинация
Крошки
Мобильное меню
Окна
Аниматор
Подсказки
Наверх
Уведомления
Помощники
Плагины
Виджеты

Шаблоны

Новости обновлений

Скачать

4.5 - 27 марта 2019 года

Старт

Типографика
Сетка
Формы
Таблицы
Кнопки
Метки
Пагинация
Крошки
Мобильное меню
Окна
Аниматор
Подсказки
Наверх
Уведомления
Помощники
Плагины
Виджеты

Шаблоны

Новости обновлений

Скачать

Версия 4.5 - 27 марта 2019 года