@gravityforms/components/dist/css/admin/stacked-icons.css

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

.gform-admin .gform-st-icon {
		align-items: center;
		display: inline-flex;
		flex-basis: 1.25rem;
		flex-grow: 0;
		flex-shrink: 0;
		font-family: "gform-icons-admin" !important;
		font-size: 1.125rem;
		font-style: normal;
		font-feature-settings: normal;
		font-variant: normal;
		font-weight: normal;
		height: 1.25rem;
		justify-content: center;
		position: relative;
		text-transform: none;
		vertical-align: top;
		width: 1.25rem;
	}

		.gform-admin .gform-st-icon::before, .gform-admin .gform-st-icon::after {
			box-sizing: border-box;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			height: 100%;
			speak: none;
			white-space: normal;
			width: 100%;
		}

	/* -----------------------------------------------------------------------------
	 *
	 * Duotone +/- icons in circle and focus ring.
	 *
	 * Commonly used in areas of the admin/theme were rows of choices are added
	 * or deleted by the user. Make the element that receives these classes the
	 * size you want if it needs to deviate from the default and then simply adjust
	 * the font-size of the after element to scale the icon.
	 *
	 * Designed to be used on a button.
	 *
	 * ----------------------------------------------------------------------------- */

	.gform-admin .gform-st-icon--circle-plus, .gform-admin .gform-st-icon--circle-minus {
		background: #fff;
		border: 0;
		border-radius: 50%;
		box-shadow: 0 2px 2px rgba(58, 58, 87, 0.0596411);
		cursor: pointer;
		flex-basis: 1.125rem;
		height: 1.125rem;
		line-height: 1.188rem;
		outline: none;
		padding: 0;
		text-align: center;
		transition: border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
		width: 1.125rem;
	}

	.gform-admin .gform-st-icon--circle-plus::before, .gform-admin .gform-st-icon--circle-minus::before {
			border: 0.0625rem solid #c3c5db;
			border-radius: 50%;
			content: "";
			height: 1.125rem;
			left: 0;
			position: absolute;
			top: 0.031rem;
			transition: border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
			width: 1.125rem;
		}

	.gform-admin .gform-st-icon--circle-plus::after, .gform-admin .gform-st-icon--circle-minus::after {
			color: #3e7da6;
			font-size: 0.55rem;
			height: auto;
			position: relative;
			width: auto;
		}

	.gform-admin .gform-st-icon--circle-plus:hover, .gform-admin .gform-st-icon--circle-plus:focus, .gform-admin .gform-st-icon--circle-minus:hover, .gform-admin .gform-st-icon--circle-minus:focus {
			box-shadow: 0 2px 2px rgba(58, 58, 87, 0.0796);
		}

	.gform-admin .gform-st-icon--circle-plus:hover::before, .gform-admin .gform-st-icon--circle-plus:focus::before, .gform-admin .gform-st-icon--circle-minus:hover::before, .gform-admin .gform-st-icon--circle-minus:focus::before {
				border-color: #3e7da6;
				box-shadow: 0 0 0 1px #bed8ed;
			}

	.gform-admin .gform-st-icon--circle-plus::after {
			content: "\e968";
		}

	.gform-admin .gform-st-icon--circle-minus::after {
			content: "\e944";
		}

.gf_browser_chrome .gform-st-icon--circle-plus::after, .gf_browser_chrome .gform-st-icon--circle-minus::after {
			height: 100%;
			margin-left: 0.03125rem;
		}

/*# sourceMappingURL=stacked-icons.css.map */