@gravityforms/components/css/admin/base/wp-admin.css

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

.gform-admin {
	--gform-admin-wp-admin-bar-offset: 0px; /* stylelint-disable-line length-zero-no-unit */
	--gform-admin-wp-admin-menu-offset: 0px; /* stylelint-disable-line length-zero-no-unit */

	/* WordPress Admin Bar Offset */

	.admin-bar & {
		--gform-admin-wp-admin-bar-offset: 46px;

		@media (--gform-admin-viewport-wpadmin) {
			--gform-admin-wp-admin-bar-offset: 32px;
		}
	}

	/* WordPress Admin Menu Offset */

	.wp-admin & {

		@media (--gform-admin-viewport-wpadmin) {
			--gform-admin-wp-admin-menu-offset: 160px;
		}
	}

	.wp-admin.folded &,
	.wp-admin.auto-fold & {

		@media (--gform-admin-viewport-wpadmin) {
			--gform-admin-wp-admin-menu-offset: 36px;
		}
	}

	.wp-admin.auto-fold:not(.folded) & {

		@media (--gform-admin-viewport-wpadmin-961) {
			--gform-admin-wp-admin-menu-offset: 160px;
		}
	}
}