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

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

.gform-admin [class*="gform-icon-preset--status"] {
		align-items: center;
		display: flex;
		font-size: 1.25rem;
		height: 20px;
		justify-content: center;
		position: relative;
		width: 20px;
	}

		.gform-admin [class*="gform-icon-preset--status"]::before {
			position: relative;
			z-index: 2;
		}

		.gform-admin [class*="gform-icon-preset--status"]::after {
			border: 2px solid transparent;
			border-radius: 50%;
			box-sizing: border-box;
			content: "";
			height: 20px;
			left: 50%;
			position: absolute;
			top: 50%;
			transform: translate(-50%, -50%);
			width: 20px;
		}

	.gform-admin [class*="gform-icon-preset--metric"] {
		align-items: center;
		background: #fff;
		border: 1px solid #d5d7e9;
		border-radius: 3px;
		box-shadow: 0 2px 2px 0 rgba(58, 58, 87, 0.06);
		color: #5b5e80;
		display: flex;
		font-size: 1.5rem;
		height: 48px;
		justify-content: center;
		position: relative;
		width: 48px;
	}

	/* Style variant: Metric Success */

	.gform-admin .gform-icon-preset--metric-success {
		background: #eefcf0;
		border-color: #aed9b6;
		color: #22a753;
	}

	/* Style variant: Metric Warn */

	.gform-admin .gform-icon-preset--metric-warn {
		background: #fff6e3;
		border-color: #f7cf5c;
		color: #ffbe03;
	}

	/* Style variant: Metric Error */

	.gform-admin .gform-icon-preset--metric-error {
		background: #fff9f9;
		border-color: #fee4e2;
		color: #dd301d;
	}

	/* Style variant: Status Default and Locked */

	.gform-admin .gform-icon-preset--status-default, .gform-admin .gform-icon-preset--status-locked {
		color: #242748;
	}

	.gform-admin .gform-icon-preset--status-default::after, .gform-admin .gform-icon-preset--status-locked::after {
			background-color: #f2f3f5;
			border-color: #d2d5db;
		}

	.gform-admin .gform-icon-preset--status-locked {
		color: #9092b2;
	}

	/* Style variant: Status Info */

	.gform-admin .gform-icon-preset--status-info {
		color: #044ad3;
	}

	.gform-admin .gform-icon-preset--status-info::after {
			background-color: #f4f8ff;
			border-color: #c3d9ff;
		}

	/* Style variant: Status Error, Status Incorrect */

	.gform-admin .gform-icon-preset--status-error, .gform-admin .gform-icon-preset--status-incorrect {
		color: #c02b0a;
	}

	.gform-admin .gform-icon-preset--status-error::after, .gform-admin .gform-icon-preset--status-incorrect::after {
			background-color: #fff9f9;
			border-color: #ffc7bb;
		}

	/* Style variant: Status Correct */

	.gform-admin .gform-icon-preset--status-correct {
		color: #2f833d;
	}

	.gform-admin .gform-icon-preset--status-correct::after {
			background: #eefcf0;
			border-color: #aed9b6;
		}

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