Кнопка "Наверх"

button-up
sm
md
lg
xl

В SIMAI Framework с помощью модификаторов можно создавать кнопку "Наверх"

Описание

Кнопка "Наверх" - представляет собой обычную кнопку со стрелкой вверх которая появляется при прокрутке странцы вниз, и при нажатии на которую происходит плавный переход к началу страницы.

Пример

<a class="sf-up w-d4 h-d4 bottom-c5 right-c5 bg-red hover:bg-error flex items-cross-center content-main-center radius-full shadow-4 transition cursor-pointer">
    <i class="fa fa-chevron-up"></i>
</a>

Адаптивность

Для установки адаптивности кнопки "Наверх", начиная с определенного размера области просмотра, добавьте префикс контрольной точки (sm, md, lg, xl) через двоеточие (:) к любому модификатору.

Для получения дополнительной информации об адаптивности ознакомьтесь с документацией.

Изменить статью