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

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

.gform-admin {

	.gform-description-list {
		background: var(--gform-admin-color-white);
		border: 1px solid var(--gform-admin-color-metal-gray);
		border-radius: 3px;
		box-shadow: 0 2px 2px rgba(58, 58, 87, 0.0596411);
		box-sizing: border-box;
		width: 100%;

		* {
			box-sizing: border-box;
		}

		.gform-description-list__title {
			padding-block: var(--gform-admin-spacer-5);
			padding-inline: var(--gform-admin-spacer-6);
		}
	}

	.gform-description-list__list,
	.gform-description-list__group,
	.gform-description-list__term,
	.gform-description-list__description {

		&:not(:first-child) {
			border-block-start: 1px solid var(--gform-admin-color-metal-gray);
		}
	}


	.gform-description-list__list {
		margin: 0;
	}

	.gform-description-list__term,
	.gform-description-list__description {
		padding-block: var(--gform-admin-spacer-3);
		padding-inline: var(--gform-admin-spacer-6);
	}

	.gform-description-list__term {
		background: var(--gform-admin-color-light-blue);
	}

	.gform-description-list__description {
		margin: 0;
	}
}