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

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

.gform-admin .gform-pill {
		background: #f6f9fc;
		block-size: 1.625rem;
		border: 1px solid #e4e9eb;
		border-radius: 0.8125rem;
		box-sizing: border-box;
		cursor: pointer;
		display: inline-flex;
		gap: 0.1875rem;
		outline: none;
		padding-block: 0.125rem;
		padding-inline: 0.75rem;
		text-decoration: none;
		transition: transform 300ms ease, box-shadow 300ms ease, background-color 300ms ease;
		white-space: nowrap;
	}

		.gform-admin .gform-pill:hover .gform-pill__icon {
			color: #5b5e80;
		}

		.gform-admin .gform-pill:focus {
			border-color: #175cff;
			outline: 0.125rem solid #bed8ed;
		}

		.gform-admin .gform-pill:active {
			box-shadow: 0 1px 4px rgba(18, 25, 97, 0.0779552);
		}

		.gform-admin .gform-pill:active .gform-pill__icon {
				color: #5b5e80;
			}

	.gform-admin .gform-pill__text {
		transform: translateY(1px);
	}

	.gform-admin .gform-pill__icon {
		color: #9092b2;
		font-size: 1.25rem;
		transition: color 0.15s ease;
	}

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