Изменение размера
resize
hover
focus
active
В SIMAI Framework с помощью модифкаторов можно управлять размером элемента.
Классы
| Класс | Значение |
|---|---|
resize-none |
resize: none; |
resize-y |
resize: vertical; |
resize-x |
resize: horizontal; |
resize |
resize: both; |
Описание
Адаптивный модификатор. Задает направление изменение размера или отменяет его в зависимости от размера области просмотра.
Использование модификатора: {контрольная точка}:{модификатор}
-
Контрольная точка. Необязательный параметр.
Применяет модификатор начиная с определенного размера области
просмотра, согласно контрольным точкам
(
sm,md,lg,xl). Если контрольная точка не задана, то действует для любого размера области просмотра. - Модификатор. Обязательный параметр.
Изменение размера во всех направлениях
Используйте resize, чтобы изменить размер элемента по горизонатли и вертикали
<textarea class="resize ..."></textarea>Изменение размера только по вертикали
Используйте resize-y, чтобы изменить размер элемента только по вертикали
<textarea class="resize-y ..."></textarea>Изменение размера только по горизонтали
Используйте resize-x, чтобы изменить размер элемента только по горизонатли
<textarea class="resize-x ..."></textarea>Заблокировать изменение размера
Используйте resize-noe, чтобы заблокировать изменения размера
<textarea class="resize-none ..."</textarea>