@gravityforms/components/css/admin/typography.css

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

.gform-admin {

	.gform-typography--size-text-xxs {

		@mixin adminText2xs;
	}

	.gform-typography--size-text-xs {

		@mixin adminTextXs;
	}

	.gform-typography--size-text-sm {

		@mixin adminTextSm;
	}

	.gform-typography--size-text-md {

		@mixin adminTextMd;
	}

	.gform-typography--size-text-lg {

		@mixin adminTextLg;
	}

	.gform-typography--size-text-xl {

		@mixin adminTextXl;
	}

	.gform-typography--size-display-xs {

		@mixin adminDisplayXs;
	}

	.gform-typography--size-display-sm {

		@mixin adminDisplaySm;
	}

	.gform-typography--size-display-md {

		@mixin adminDisplayMd;
	}

	.gform-typography--size-display-lg {

		@mixin adminDisplayLg;
	}

	.gform-typography--size-display-xl {

		@mixin adminDisplayXl;
	}

	.gform-typography--size-display-2xl {

		@mixin adminDisplay2xl;
	}

	.gform-typography--size-display-3xl {

		@mixin adminDisplay3xl;
	}

	.gform-typography--md-size-text-xxs {

		@media (--gform-admin-viewport-md) {

			@mixin adminText2xs;
		}
	}

	.gform-typography--md-size-text-xs {

		@media (--gform-admin-viewport-md) {

			@mixin adminTextXs;
		}
	}

	.gform-typography--md-size-text-sm {

		@media (--gform-admin-viewport-md) {

			@mixin adminTextSm;
		}
	}

	.gform-typography--md-size-text-md {

		@media (--gform-admin-viewport-md) {

			@mixin adminTextMd;
		}
	}

	.gform-typography--md-size-text-lg {

		@media (--gform-admin-viewport-md) {

			@mixin adminTextLg;
		}
	}

	.gform-typography--md-size-text-xl {

		@media (--gform-admin-viewport-md) {

			@mixin adminTextXl;
		}
	}

	.gform-typography--md-size-display-xs {

		@media (--gform-admin-viewport-md) {

			@mixin adminDisplayXs;
		}
	}

	.gform-typography--md-size-display-sm {

		@media (--gform-admin-viewport-md) {

			@mixin adminDisplaySm;
		}
	}

	.gform-typography--md-size-display-md {

		@media (--gform-admin-viewport-md) {

			@mixin adminDisplayMd;
		}
	}

	.gform-typography--md-size-display-lg {

		@media (--gform-admin-viewport-md) {

			@mixin adminDisplayLg;
		}
	}

	.gform-typography--md-size-display-xl {

		@media (--gform-admin-viewport-md) {

			@mixin adminDisplayXl;
		}
	}

	.gform-typography--md-size-display-2xl {

		@media (--gform-admin-viewport-md) {

			@mixin adminDisplay2xl;
		}
	}

	.gform-typography--md-size-display-3xl {

		@media (--gform-admin-viewport-md) {

			@mixin adminDisplay3xl;
		}
	}

	.gform-typography--weight-regular {

		@mixin adminFontWeightRegular;
	}

	.gform-typography--weight-medium {

		@mixin adminFontWeightMedium;
	}

	.gform-typography--weight-semibold {

		@mixin adminFontWeightSemiBold;
	}
}