Толщина ползунка прокрутки

scroll-backdrop-width

В SIMAI Framework с помощью модифкаторов можно управлять плавностью прокрутки элемента.

Классы

Класс Значение
scroll-1 height: var(--sf-a1)
scroll-2 height: var(--sf-a2)
scroll-3 height: var(--sf-a4)
scroll-4 height: var(--sf-a8)

Описание

Адаптивный модификатор. Задает поведение прокрутки элемента в зависимости от размера области просмотра.

Использование модификатора: {контрольная точка}:{модификатор}

  • Контрольная точка. Необязательный параметр. Применяет модификатор начиная с определенного размера области просмотра, согласно контрольным точкам (sm, md, lg, xl). Если контрольная точка не задана, то действует для любого размера области просмотра.
  • Модификатор. Обязательный параметр.

Пример

Используйте модификатор scoll-{1..4} для тощины ползунка.

kaadsfadfkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
<html class="scroll-4"><!-- ... --></html>

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