Толщина подложки прокрутки (scroll-backdrop-width)link

https://dev.ru.simai.io/ru/ui/utility/scroll/scroll-backdrop-width.php

С помощью данных модификаторов вы можете изменить ширину подложки полосы прокрутки, используя предопределённые размеры.

Классы и их значенияlink

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

Описаниеlink

Модификаторы scroll-bg-{n} настраивают толщину подложки полосы прокрутки, используя значения из стандартных размерных переменных фреймворка.

scroll-bg-1: Минимальная толщина подложки прокрутки.
scroll-bg-2: Небольшая толщина подложки прокрутки.
scroll-bg-3: Средняя толщина подложки прокрутки.
scroll-bg-4: Увеличенная толщина подложки прокрутки.

Синтаксисlink

Использование модификатора: scroll-bg-{n}

Где scroll-bg-3 задаёт width: var(--sf-a4);

Пример использованияlink

Ниже пример с очень длинным текстом для демонстрации полосы прокрутки.

<html class="scroll-bg-3 h-d5 overflow-auto ...">
  <div class="p-1">
    abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz
  </div>
</html>