@gravityforms/components/css/admin/list.css

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

.gform-admin {

	.gform-list {
		font-family: var(--gform-admin-font-family-base);
		line-height: var(--gform-admin-line-height-base);
		margin: 0;
		padding: 0;

		&:where(:not(.gform-list--style-none)) {
			font-size: 1rem;

			.gform-list__item {
				margin-block-end: 0.875rem;
	
				&:last-child {
					margin-block-end: 0;
				}
			}
		}
	}

	.gform-list--style-none {
		list-style: none;

		.gform-list__item {
			margin: 0;
			padding: 0;
		}
	}

	.gform-list--style-disc,
	.gform-list--style-decimal {
		padding-inline-start: 1.625rem;

		.gform-list__item {
			list-style: inherit;
			margin-block-end: 0.25rem;
		}
	}

	.gform-list--style-disc {
		list-style: disc;
	}

	.gform-list--style-decimal {
		list-style: decimal;
	}

	.gform-list--style-orange-check {

		.gform-list__item {
			list-style: none;
			padding-inline-start: 1.625rem;
			position: relative;
	
			&::before {
				background: center / contain no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2217%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.5%2016.5a8%208%200%201%200%200-16%208%208%200%200%200%200%2016Zm3.707-9.293a1%201%200%200%200-1.414-1.414L7.5%209.086%206.207%207.793a1%201%200%200%200-1.414%201.414l2%202a1%201%200%200%200%201.414%200l4-4Z%22%20fill%3D%22%23F15A2B%22%2F%3E%3C%2Fsvg%3E"); /* stylelint-disable-line */
				content: "";
				height: 1rem;
				inset-inline-start: 0.125rem;
				position: absolute;
				top: 0.25rem;
				width: 1rem;
			}
		}
	}
}