@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.gform-repeater-item--show-actions-on-hover .gform-repeater-item__minimal-actions {
				opacity: 0;
				transition: opacity 0.2s;
			}

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

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

	.gform-admin .gform-repeater-item.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.gform-repeater-item--show-actions-on-hover:not(.gform-repeater-item--style-minimal):hover .gform-repeater-item__action-control, .gform-admin .gform-repeater-item.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.gform-repeater-item--style-minimal .gform-repeater-item__wrapper {
				align-items: flex-start;
			}

	.gform-admin .gform-repeater-item.gform-repeater-item--style-minimal .gform-repeater-item__wrapper .gform-button {

					/* &.gform-button--simplified {

						&:disabled {
							border-color: transparent;
						}
					}*/
				}

	.gform-admin .gform-repeater-item.gform-repeater-item--style-minimal .gform-repeater-item__wrapper .gform-button .gform-button__icon {
						margin: 0;
					}

	.gform-admin .gform-repeater-item.gform-repeater-item--style-minimal .gform-repeater-item__wrapper .gform-button--size-height-s {
					padding: 0.375rem 0.25rem;
				}

	.gform-admin .gform-repeater-item.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__controls .gform-repeater-item__control--up {
			border-end-end-radius: 0;
			border-inline-end: transparent;
			border-start-end-radius: 0;
		}

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

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

	.gform-admin .gform-repeater-item__control:focus, .gform-admin .gform-repeater-item__delete:focus {
			border-color: #d5d7e9;
			outline: none;
		}

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

	.gform-admin .gform-repeater-item--has-arrows .gform-repeater-item__controls .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--has-arrows .gform-repeater-item__controls .gform-repeater-item__control--drag-toggle:focus-visible {
				border-inline-end: 1px solid #175cff;
				outline: 0.125rem solid #bed8ed;
			}

	.gform-admin .gform-repeater-item--has-drag-handle .gform-repeater-item__controls .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: none;
		}

	.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 */