Отступ внешней границы
outline-offset
В SIMAI Framework с помощью модифкаторов можно задать отступ внешней границы.
Классы
| Класс | Значение |
|---|---|
outline-offset-0 |
outline-offset:var(--sf-0);
|
outline-offset-1 |
outline-offset:var(--sf-a1);
|
outline-offset-2 |
outline-offset:var(--sf-a2);
|
outline-offset-3 |
outline-offset:var(--sf-a3);
|
outline-offset-4 |
outline-offset:var(--sf-a4);
|
Описание
Адаптивный модификатор. Задает отступ внешней границы в зависимости от размера области просмотра.
Использование модификатора: {контрольная точка}:{модификатор}
- Контрольная точка. Необязательный параметр. Применяет модификатор начиная с определенного размера области просмотра, согласно контрольным точкам (
sm,md,lg,xl). Если контрольная точка не задана, то действует для любого размера области просмотра. - Модификатор. Обязательный параметр. Может принимать значения:
-
outline-offset-{0...9}- отступ внешней границы
Пример
Используйте модификатор outline-offset-{1...9} чтобы задать отступ внешней границы..
<button class="outline-2 outline-solid outline-danger-default outline-offset-1 ...">Кнопка 1</button>
<button class="outline-2 outline-solid outline-danger-default outline-offset-2 ...">Кнопка 2</button>
<button class="outline-2 outline-solid outline-danger-default outline-offset-4 ...">Кнопка 3</button>