@gravityforms/components/dist/css/admin/router-navbar.css

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

.gform-admin .gform-router-nav-bar {
		inline-size: 100%;
	}

		.gform-admin .gform-router-nav-bar, .gform-admin .gform-router-nav-bar * {
			box-sizing: border-box;
		}

	.gform-admin .gform-router-nav-bar__list {
		display: flex;
		flex-direction: column;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.gform-admin .gform-router-nav-bar__item {
		margin: 0;
	}

	.gform-admin .gform-router-nav-bar--icon-button {
		padding-block: 1.5rem;
	}

	.gform-admin .gform-router-nav-bar--icon-button .gform-router-nav-bar__list {
			gap: 1rem;
		}

	.gform-admin .gform-router-nav-bar--icon-button .gform-router-nav-bar__item {
			align-items: center;
			display: flex;
			flex-direction: column;
			gap: 0.5rem;
			justify-content: center;
		}

	.gform-admin .gform-router-nav-bar--icon-button .gform-router-nav-bar__item-link {
			cursor: pointer;
			text-decoration: none;
		}

	.gform-admin .gform-router-nav-bar--icon-button .gform-router-nav-bar__item-icon {
			font-size: 1.25rem;
		}

	.gform-admin .gform-router-nav-bar--icon-button .gform-router-nav-bar__item--disabled .gform-router-nav-bar__item-text {
			opacity: 0.5;
		}

	.gform-admin .gform-router-nav-bar--icon-text-tag {
		padding-block: 2rem;
		padding-inline: 1.5rem;
	}

	.gform-admin .gform-router-nav-bar--icon-text-tag .gform-router-nav-bar__list {
			gap: 0.25rem;
		}

	.gform-admin .gform-router-nav-bar--icon-text-tag .gform-router-nav-bar__item-link, .gform-admin .gform-router-nav-bar--icon-text-tag .gform-router-nav-bar__item-button {
			align-items: center;
			block-size: 36px;
			border: 1px solid transparent;
			border-radius: 3px;
			color: #242748;
			cursor: pointer;
			display: flex;
			flex-direction: row;
			gap: 0.5rem;
			inline-size: 100%;
			justify-content: flex-start;
			padding: 0.4375rem 0.6875rem;
			text-decoration: none;
		}

	.gform-admin .gform-router-nav-bar--icon-text-tag .gform-router-nav-bar__item-link:hover, .gform-admin .gform-router-nav-bar--icon-text-tag .gform-router-nav-bar__item-link:focus-visible, .gform-admin .gform-router-nav-bar--icon-text-tag .gform-router-nav-bar__item-button:hover, .gform-admin .gform-router-nav-bar--icon-text-tag .gform-router-nav-bar__item-button:focus-visible {
				background: #f6f9fc;
				border-color: #f6f9fc;
			}

	.gform-admin .gform-router-nav-bar--icon-text-tag .gform-router-nav-bar__item-link:focus, .gform-admin .gform-router-nav-bar--icon-text-tag .gform-router-nav-bar__item-button:focus {
				box-shadow: none;
				outline: none;
			}

	.gform-admin .gform-router-nav-bar--icon-text-tag .gform-router-nav-bar__item-link:active, .gform-admin .gform-router-nav-bar--icon-text-tag .gform-router-nav-bar__item-button:active {
				background: #f6f9fc;
				border-color: #bed8ed;
			}

	.gform-admin .gform-router-nav-bar--icon-text-tag .gform-router-nav-bar__item-link:disabled, .gform-admin .gform-router-nav-bar--icon-text-tag .gform-router-nav-bar__item-button:disabled {
				background: transparent;
				border-color: transparent;
			}

	.gform-admin .gform-router-nav-bar--icon-text-tag .gform-router-nav-bar__item--active .gform-router-nav-bar__item-link {
			background: #f6f9fc;
			border-color: #dde9fc;
		}

	.gform-admin .gform-router-nav-bar--icon-text-tag .gform-router-nav-bar__item--disabled .gform-router-nav-bar__item-link, .gform-admin .gform-router-nav-bar--icon-text-tag .gform-router-nav-bar__item--disabled .gform-router-nav-bar__item-button {
				opacity: 0.5;
			}

	.gform-admin .gform-router-nav-bar--icon-text-tag .gform-router-nav-bar__item-icon {
			color: #5b5e80;
			font-size: 1.25rem;
		}

/*# sourceMappingURL=router-navbar.css.map */