@gravityforms/components/css/admin/avatar-group.css

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

.gform-admin {

	.gform-avatar-group {
		align-items: center;
		display: flex;
		flex-wrap: nowrap;
		position: relative;

		.gform-avatar {
			outline: 2px solid var(--gform-admin-color-white);
			position: relative;
		}
	}

	.gform-avatar-group--size-2xs {

		.gform-avatar:not(:first-child) {
			margin-inline-start: -4px;
		}
	}

	.gform-avatar-group--size-xs {

		.gform-avatar:not(:first-child) {
			margin-inline-start: -6px;
		}
	}

	.gform-avatar-group--size-sm {

		.gform-avatar:not(:first-child) {
			margin-inline-start: -8px;
		}
	}

	.gform-avatar-group--size-md {

		.gform-avatar:not(:first-child) {
			margin-inline-start: -10px;
		}
	}

	.gform-avatar-group--size-lg {

		.gform-avatar:not(:first-child) {
			margin-inline-start: -12px;
		}
	}

	.gform-avatar-group--size-xl {

		.gform-avatar:not(:first-child) {
			margin-inline-start: -15px;
		}
	}

	.gform-avatar-group--size-2xl {

		.gform-avatar:not(:first-child) {
			margin-inline-start: -18px;
		}
	}
}