field-sizing

Утилиты для управления размером элементов управления формы.

Class Styles

Class	Styles
`field-sizing-fixed`	`field-sizing: fixed;`
`field-sizing-content`	`field-sizing: content;`

field-sizing-fixed

field-sizing: fixed;

field-sizing-content

field-sizing: content;

Примеры

Используйте утилиту field-sizing-content для того, чтобы позволить элементу управления формой изменять свой размер на основе содержимого:

Введите текст в поле ниже, чтобы увидеть изменение размера

<textarea class="field-sizing-content ..." rows="2">  Latex Salesman, Vanderlay Industries</textarea>

Используйте утилиту field-sizing-fixed для того, чтобы элемент управления формой использовал фиксированный размер:

Введите текст в поле ниже, чтобы увидеть, что размер остается прежним

<textarea class="field-sizing-fixed w-80 ..." rows="2">  Latex Salesman, Vanderlay Industries</textarea>

Префикс a field-sizing утилита с вариантом контрольной точки, например md:, чтобы применить утилиту только при размерах экрана medium и выше:

<input class="field-sizing-content md:field-sizing-fixed ..." />

Подробнее об использовании вариантов читайте в документации по вариантам.