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

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

.gform-admin .gform-repeater {
		max-inline-size: 100%;
	}

		.gform-admin .gform-repeater * {
			box-sizing: border-box;
		}

	.gform-admin .gform-repeater-item {
		background: #fff;
		cursor: default;
	}

	.gform-admin .gform-repeater-item input[type="text"] {
			transition: none;
		}

	.gform-admin .gform-repeater-item + .gform-repeater-item, .gform-admin .gform-repeater-item + .gform-repeater__add-button {
			margin-block-start: 1rem;
		}

	.gform-admin .gform-repeater-item--show-actions-on-hover .gform-repeater-item__minimal-actions {
			opacity: 0;
			transition: opacity 0.2s;
		}

	.gform-admin .gform-repeater-item--show-actions-on-hover .gform-repeater-item__minimal-actions:focus-within {
				opacity: 1;
			}

	.gform-admin .gform-repeater-item--show-actions-on-hover:hover .gform-repeater-item__minimal-actions {
				opacity: 1;
			}

	.gform-admin .gform-repeater-item--show-actions-on-hover:not(.gform-repeater-item--style-minimal) .gform-repeater-item__action-control {
				opacity: 0;
				transition: opacity 0.2s;
			}

	.gform-admin .gform-repeater-item--show-actions-on-hover:not(.gform-repeater-item--style-minimal):hover .gform-repeater-item__action-control, .gform-admin .gform-repeater-item--show-actions-on-hover:not(.gform-repeater-item--style-minimal):focus-within .gform-repeater-item__action-control {
					opacity: 1;
				}

	.gform-admin .gform-repeater-item--style-minimal .gform-repeater-item__wrapper {
			align-items: flex-start;
		}

	.gform-admin .gform-repeater-item--style-minimal .gform-repeater-item__controls, .gform-admin .gform-repeater-item--style-minimal .gform-repeater-item__minimal-actions {
			display: flex;
			gap: 0.25rem;
		}

	.gform-admin .gform-repeater-item--style-minimal + .gform-repeater-item {
			margin-block-start: 0.25rem;
		}

	.gform-admin .gform-repeater-item--is-draggable:not(.gform-repeater-item--disable-item-drag) {
		cursor: move;
	}

	.gform-admin .gform-repeater-item--is-dragging {
		opacity: 0.2;
	}

	.gform-admin .gform-repeater-item--is-keyboard-nav {
		box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.3);
		transform: translate(-2px, -2px);
	}

	.gform-admin .gform-repeater-item--type-block {
		border: 1px solid #d5d7e9;
		border-radius: 3px;
	}

	.gform-admin .gform-repeater-item__wrapper {
		align-items: flex-end;
		display: flex;
		gap: 0.75rem;
		justify-content: space-between;
	}

	.gform-admin .gform-repeater-item--type-block .gform-repeater-item__wrapper {
		border-bottom: 1px solid #d5d7e9;
		padding-block: 1.25rem;
		padding-inline: 1.5rem;
	}

	.gform-admin .gform-repeater-item__controls {
		display: flex;
	}

	.gform-admin .gform-repeater-item--style-regular .gform-repeater-item__control:focus, .gform-admin .gform-repeater-item--style-regular .gform-repeater-item__action-control:focus {
				border-color: #d5d7e9;
				outline: none;
			}

	.gform-admin .gform-repeater-item--style-regular .gform-repeater-item__control:focus-visible, .gform-admin .gform-repeater-item--style-regular .gform-repeater-item__action-control:focus-visible {
				border-color: #175cff;
				outline: 0.125rem solid #bed8ed;
				z-index: 3;
			}

	.gform-admin .gform-repeater-item--style-regular .gform-repeater-item__control--up {
			border-end-end-radius: 0;
			border-inline-end: transparent;
			border-start-end-radius: 0;
		}

	.gform-admin .gform-repeater-item--style-regular .gform-repeater-item__control--up:focus-visible {
				border-inline-end: 1px solid #175cff;
				outline: 0.125rem solid #bed8ed;
			}

	.gform-admin .gform-repeater-item--style-regular .gform-repeater-item__control--down {
			border-end-start-radius: 0;
			border-start-start-radius: 0;
		}

	.gform-admin .gform-repeater-item--style-regular.gform-repeater-item--has-arrows .gform-repeater-item__control--drag-toggle {
			border-end-end-radius: 0;
			border-inline-end: transparent;
			border-start-end-radius: 0;
		}

	.gform-admin .gform-repeater-item--style-regular.gform-repeater-item--has-arrows .gform-repeater-item__control--drag-toggle:focus-visible {
				border-inline-end: 1px solid #175cff;
				outline: 0.125rem solid #bed8ed;
			}

	.gform-admin .gform-repeater-item--style-regular.gform-repeater-item--has-drag-handle .gform-repeater-item__control--up {
			border-end-start-radius: 0;
			border-start-start-radius: 0;
		}

	.gform-admin .gform-repeater-item__block-content-footer {
		display: flex;
		gap: 0.5rem;
		justify-content: flex-start;
	}

	.gform-admin .gform-repeater--type-block .gform-repeater-item__delete, .gform-admin .gform-repeater--type-block .gform-repeater-item__action {
			align-self: flex-start;
		}

	.gform-admin .gform-repeater--type-block .gform-repeater-item__collapsible {
			margin-inline-start: auto;
			transition: box-shadow 300ms ease, background-color 300ms ease;
		}

	.gform-admin .gform-repeater--type-block .gform-repeater-item__collapsible:focus {
				border-color: #fdfdff;
				box-shadow: none;
				outline: none;
			}

	.gform-admin .gform-repeater--type-block .gform-repeater-item__collapsible:focus-visible {
				border-color: #175cff;
				outline: 0.125rem solid #bed8ed;
			}

	.gform-admin .gform-repeater--type-block .gform-repeater-item__wrapper {
			align-items: center;
			display: flex;
			gap: 0.75rem;
			justify-content: flex-start;
		}

	.gform-admin .gform-repeater--type-block .gform-repeater-item__wrapper .gform-text {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

	.gform-admin .gform-repeater--type-block .gform-repeater-item--is-collapsed .gform-repeater-item__collapsible {
				transform: rotate(180deg);
			}

	.gform-admin .gform-repeater--type-block .gform-repeater-item--is-collapsed .gform-repeater-item__wrapper {
				border-bottom: none;
			}

	.gform-admin .gform-repeater-item--is-collapsed .gform-repeater-item__block-content {
			display: none;
		}

	.gform-admin .gform-repeater-item__block-content {
		display: flex;
		flex-direction: column;
		gap: 0.75rem;
		inline-size: 100%;
		padding-block: 1.25rem;
		padding-inline: 1.5rem;
	}

	.gform-admin .gform-repeater-item--fill-content .gform-input-wrapper {
			flex: 1;
		}

	.gform-admin .gform-repeater-item--fill-content .gform-input-wrapper .gform-input {
				width: 100%;
			}

	.gform-admin .gform-repeater__drop-indicator {
		background: transparent;
		height: 3px;
	}

	.gform-admin .gform-repeater__drop-indicator--active {
		background: #0f3d6c;
	}

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