Параметры по умолчанию (для границ)
Базовые утилиты для быстрого включения/отключения рамки с дефолтными параметрами.
Классы
| Класс | Значение |
|---|---|
.border |
border: var(--sf-a1) var(--sf-outline-variant) solid |
.border-none |
border: var(--sf-a1) var(--sf-transparent) solid |
Синтаксис
{модификатор}— для всех размеров экрана.{контрольная точка}:{модификатор}— адаптивно (sm,md,lg,xl).hover:{модификатор}— применение при наведении.
Примеры
<div class="border">border</div>
<div class="border-none">border-none</div>
<div class="hover:border-none">hover:border-none</div>
<div class="md:border">md:border</div>