@gravityforms/components/css/admin/loaders/placeholder.css

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

.gform-admin {

	.gform-placeholder__group-container {
		overflow: hidden;
	}

	.gform-placeholder__wrapper {
		width: 100%;
	}

	.gform-placeholder__wrapper--animated {

		.gform-placeholder {
			animation: gravitysmtpOpacityCycle 1s infinite;
			animation-delay: -0.5s;
		}
	}

	.gform-placeholder {
		background: var(--gform-admin-color-porcelain-gray);
		border-radius: 9999px;
		display: inline-block;
	}
}

@keyframes gformPlaceholderOpacityCycle {

	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0.5;
	}
}