# gutenberg/22.7.0/build/styles/block-library/form-input/style.css

Gutenberg, version 22.7.0. 46 lines.

- Page: https://pluginprobe.com/plugins/gutenberg/22.7.0/code/build/styles/block-library/form-input/style.css
- Raw: https://pluginprobe.com/plugins/gutenberg/22.7.0/raw/build/styles/block-library/form-input/style.css
- Modified: 2026-01-20T14:42:56+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/gutenberg/22.7.0/code/build/styles/block-library/form-input/style.css#L10-L20`.

```css
.wp-block-form-input__label {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  margin-bottom: 0.5em;
}
.wp-block-form-input__label.is-label-inline {
  flex-direction: row;
  gap: 0.5em;
  align-items: center;
}
.wp-block-form-input__label.is-label-inline .wp-block-form-input__label-content {
  margin-bottom: 0.5em;
}
.wp-block-form-input__label:has(input[type=checkbox]) {
  flex-direction: row;
  width: fit-content;
}
.wp-block-form-input__label:has(input[type=checkbox]) .wp-block-form-input__label-content {
  margin: 0;
}
.wp-block-form-input__label:has(.wp-block-form-input__label-content + input[type=checkbox]) {
  /* stylelint-disable-next-line declaration-property-value-allowed-list -- This style is required for old markup. */
  flex-direction: row-reverse;
}

.wp-block-form-input__label-content {
  width: fit-content;
}

:where(.wp-block-form-input__input) {
  padding: 0 0.5em;
  font-size: 1em;
  margin-bottom: 0.5em;
}
:where(.wp-block-form-input__input)[type=text], :where(.wp-block-form-input__input)[type=password], :where(.wp-block-form-input__input)[type=date], :where(.wp-block-form-input__input)[type=datetime], :where(.wp-block-form-input__input)[type=datetime-local], :where(.wp-block-form-input__input)[type=email], :where(.wp-block-form-input__input)[type=month], :where(.wp-block-form-input__input)[type=number], :where(.wp-block-form-input__input)[type=search], :where(.wp-block-form-input__input)[type=tel], :where(.wp-block-form-input__input)[type=time], :where(.wp-block-form-input__input)[type=url], :where(.wp-block-form-input__input)[type=week] {
  min-height: 2em;
  line-height: 2;
  border-width: 1px;
  border-style: solid;
}

textarea.wp-block-form-input__input {
  min-height: 10em;
}
```