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

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

.gform-admin .gform-tag {
		border-radius: 3px;
		color: #242748;
		display: inline-block;
		font-family: inter, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif;
		padding-block: 5px;
		padding-inline: 8px;
		position: relative;
		z-index: 1;

	}

		.gform-admin .gform-tag.gform-tag--triangle-left.gform-typography--size-text-xxs .gform-tag__triangle {
					height: 0.938rem;
					inset-inline-start: -0.375rem;
					top: calc(50% - 0.5rem);
					width: 0.938rem;
				}

		.gform-admin .gform-tag.gform-tag--triangle-left.gform-typography--size-text-xs .gform-tag__triangle {
					height: 1.06rem;
					inset-inline-start: -0.438rem;
					top: calc(50% - 0.55rem);
					width: 1.06rem;
				}

		.gform-admin .gform-tag.gform-tag--triangle-left.gform-typography--size-text-sm .gform-tag__triangle {
					height: 1.188rem;
					inset-inline-start: -0.5rem;
					top: calc(50% - 0.594rem);
					width: 1.188rem;
				}

		.gform-admin .gform-tag.gform-tag--triangle-left.gform-typography--size-text-md .gform-tag__triangle {
					height: 1.281rem;
					inset-inline-start: -0.563rem;
					top: calc(50% - 0.641rem);
					width: 1.281rem;
				}

		.gform-admin .gform-tag.gform-tag--triangle-left.gform-typography--size-text-lg .gform-tag__triangle {
					height: 1.313rem;
					inset-inline-start: -0.563rem;
					top: calc(50% - 0.656rem);
					width: 1.313rem;
				}

		.gform-admin .gform-tag.gform-tag--triangle-left.gform-typography--size-text-xl .gform-tag__triangle {
					height: 1.375rem;
					inset-inline-start: -0.625rem;
					top: calc(50% - 0.688rem);
					width: 1.375rem;
				}

	.gform-admin .gform-tag--type-chathams {
		background: #0f3d6c;
		color: #fff;
	}

	.gform-admin .gform-tag--type-amethyst-smoke {
		background: #9092b2;
		color: #fff;
	}

	.gform-admin .gform-tag--type-upgrade {
		background: #9092b0;
		box-shadow: 0 1px 4px rgba(18, 25, 97, 0.0779552);
		color: #fff;
		padding-block: 2px;
		padding-inline: 6px;
		text-transform: uppercase;
	}

	.gform-admin .gform-tag--type-blue {
		background: #dde9fc;
		border: 1px solid #bed8ed;
		box-shadow: 0 1px 4px rgba(18, 25, 97, 0.0779552);
		color: #204ce5;
		padding-block: 1px;
		padding-inline: 5px;
		text-transform: uppercase;
	}

	.gform-admin .gform-tag__triangle {
		background-color: inherit;
		border: inherit;
		border-radius: 3px;
		display: block;
		position: absolute;
		transform: rotate(45deg) skew(15deg, 15deg);
		z-index: -1;
	}

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