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