@gravityforms/components/dist/css/admin/heading.css

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

.gform-admin .gform-heading {
		color: #242748;
		font-family: inter, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif;
		margin: 0;
		padding: 0;
	}

		.gform-admin .gform-heading.gform-heading--boxed {
			background: #fdfdff;
			border: 1px solid #e4e9eb;
			border-radius: 3px;
			padding-block: 0.75rem;
			padding-inline: 1rem;
		}

	.gform-admin .gform-heading:not(:focus-within):hover .gform-heading__copy-button, .gform-admin .gform-heading__wrapper:not(:focus-within):hover .gform-heading__copy-button {
				opacity: 1;
			}

	.gform-admin .gform-heading__wrapper {
		position: relative;
	}

	.gform-admin .gform-heading__wrapper .gform-heading {
			display: inline;
		}

	.gform-admin .gform-heading__wrapper .gform-heading__copy-button {
			display: inline-block;
			height: auto;
			line-height: 1;
			vertical-align: middle;
		}

	.gform-admin .gform-heading__wrapper .gform-heading__copy-button .gform-button__icon {
				color: #5b5e80;
				font-size: inherit;
			}

	.gform-admin .gform-heading__wrapper .gform-heading__copy-button.gform-typography--size-text-md, .gform-admin .gform-heading__wrapper .gform-heading__copy-button.gform-typography--size-text-lg {
				margin-block-start: -0.1rem;
			}

	.gform-admin .gform-heading__wrapper .gform-heading__copy-button.gform-typography--size-text-xl {
				margin-block-start: -0.15rem;
			}

	.gform-admin .gform-heading__wrapper .gform-heading__copy-button.gform-typography--size-display-xs {
				margin-block-start: -0.25rem;
			}

	.gform-admin .gform-heading__wrapper .gform-heading__copy-button.gform-typography--size-display-sm {
				margin-block-start: -0.35rem;
			}

	.gform-admin .gform-heading__wrapper .gform-heading__copy-button.gform-typography--size-display-md {
				margin-block-start: -0.5rem;
			}

	.gform-admin .gform-heading__wrapper .gform-heading__copy-button.gform-typography--size-display-lg {
				margin-block-start: -0.75rem;
			}

	.gform-admin .gform-heading__wrapper .gform-heading__copy-button.gform-typography--size-display-xl {
				margin-block-start: -1rem;
			}

	.gform-admin .gform-heading__wrapper .gform-heading__copy-button.gform-typography--size-display-2xl {
				margin-block-start: -1.2rem;
			}

	.gform-admin .gform-heading__wrapper .gform-heading__copy-button.gform-typography--size-display-3xl {
				margin-block-start: -1.5rem;
			}

	.gform-admin .gform-heading__copy-button {
		line-height: 1;
		margin-inline-start: 0.25rem;
		opacity: 0;
		transition: opacity 0.2s ease;
		vertical-align: middle;
	}

	.gform-admin .gform-heading__copy-button:hover .gform-button__icon {
				color: #242748;
			}

	.gform-admin .gform-heading__copy-button:focus {
			opacity: 1;
		}

	.gform-admin .gform-heading__copy-button .gform-button__icon {
			color: #5b5e80;
			font-size: inherit;
		}

	.gform-admin .gform-heading[contenteditable]:not(.gform-heading--boxed) {
		background: transparent;
		border-radius: 3px;
	}

	.gform-admin .gform-heading[contenteditable]:not(.gform-heading--boxed):not(.gform-heading__has-copy) {
			position: relative;
		}

	.gform-admin .gform-heading[contenteditable]:not(.gform-heading--boxed)::after {
			background-color: transparent;
			content: "";
			transition: background-color 0.3s ease;
		}

	.gform-admin .gform-heading[contenteditable="true"]:empty {
		display: inline-block;
	}

	.gform-admin .gform-heading[contenteditable="true"]:empty::before {
			color: #5b5e80;
			content: attr(placeholder);
			display: block;
			pointer-events: none;
		}

	.gform-admin .gform-heading[contenteditable]:focus {
		border: none;
		outline: none;
	}

/*# sourceMappingURL=heading.css.map */