style.css in Gutenberg 23.2.0, at build/styles/block-library/form-input/style.css

46 lines 1.7 KB Raw Download Zip

1	.wp-block-form-input__label {
2	width: 100%;
3	display: flex;
4	flex-direction: column;
5	gap: 0.25em;
6	margin-bottom: 0.5em;
7	}
8	.wp-block-form-input__label.is-label-inline {
9	flex-direction: row;
10	gap: 0.5em;
11	align-items: center;
12	}
13	.wp-block-form-input__label.is-label-inline .wp-block-form-input__label-content {
14	margin-bottom: 0.5em;
15	}
16	.wp-block-form-input__label:has(input[type=checkbox]) {
17	flex-direction: row;
18	width: fit-content;
19	}
20	.wp-block-form-input__label:has(input[type=checkbox]) .wp-block-form-input__label-content {
21	margin: 0;
22	}
23	.wp-block-form-input__label:has(.wp-block-form-input__label-content + input[type=checkbox]) {
24	/* stylelint-disable-next-line declaration-property-value-allowed-list -- This style is required for old markup. */
25	flex-direction: row-reverse;
26	}
27
28	.wp-block-form-input__label-content {
29	width: fit-content;
30	}
31
32	:where(.wp-block-form-input__input) {
33	padding: 0 0.5em;
34	font-size: 1em;
35	margin-bottom: 0.5em;
36	}
37	: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] {
38	min-height: 2em;
39	line-height: 2;
40	border-width: 1px;
41	border-style: solid;
42	}
43
44	textarea.wp-block-form-input__input {
45	min-height: 10em;
46	}