Цвет разделителя

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

Классы

Описание

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

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

• Контрольная точка. Необязательный параметр. Применяет модификатор начиная с определенного размера области просмотра, согласно контрольным точкам (sm, md, lg, xl). Если контрольная точка не задана, то действует для любого размера области просмотра.
• Цвет. Обязательный параметр. Может принимать значения:
  • divider-transparent - прозрачный;
  • divider-current - текущйи цвет заданный с помощью стиля color;
  • divider-{black, white, gray, red, orange, yellow, green, blue, purple, pink} - цвет из палитры цветов;

Пример

Используйте модификатор divider-{color} для установки цвета разделителя.

<div class="grid grid-col-3 divider-y-1 divider-primary ...">
    <div>1</div>
    <div>2</div>
    <div>3</div>
</div>

<div class="grid grid-col-3 divider-y-2 divider-primary hover:divider-secondary ...">
    <div>1</div>
    <div>2</div>
    <div>3</div>
</div>

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