@gravityforms/components/css/admin/textarea.css

UI components for use in Gravity Forms development. Both React and vanilla js flavors.

.gform-admin {

	.gform-input-wrapper--textarea {

		&,
		* {
			box-sizing: border-box;
		}
	}

	.gform-input--textarea {
		-webkit-appearance: none;
		background: var(--gform-admin-color-white);
		border: 1px solid var(--gform-admin-color-santas);
		border-radius: 3px;
		box-shadow: 0 0 0 transparent;
		box-sizing: border-box;
		color: var(--gform-admin-color-text);
		display: block;
		font-family: var(--gform-admin-font-family-base);
		font-size: var(--gform-admin-font-size-sm);
		line-height: 2;
		margin: 0.375rem 0;
		outline: none;
		padding: 0.25rem 0.75rem;
		transition: var(--gform-admin-transition-inputs);
		width: 100%;

		&:focus {
			border: 1px solid var(--gform-admin-color-blue-ribbon);
			box-shadow: var(--gform-admin-box-shadow-input-focus);
			color: var(--gform-admin-color-text);
		}

		&::placeholder {
			color: var(--gform-admin-color-placeholder);
			font-family: var(--gform-admin-font-family-base);
			font-size: var(--gform-admin-font-size-sm);
			font-weight: var(--gform-admin-font-weight-normal);
		}

		&:disabled {
			background: var(--gform-admin-color-disabled);
		}
	}
}