Framework Averin.pro 5.0.1

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

Пагинация

Настройка

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

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

Скачать CSS фрагмент компонента   Собрать сборку 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> 
Новости

Старт
Скачать

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

5.0.1 - 13 января 2021 года

Новости

Старт
Скачать

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

Версия 5.0.1 - 13 января 2021 года