@gravityforms/components/dist/css/admin/tabs.css

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

.gform-admin .gform-tabs {
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
	}

	.gform-admin .gform-tabs--tab-width-even .gform-tabs__tablist {
			flex-wrap: nowrap;
		}

	.gform-admin .gform-tabs--tab-width-even .gform-tabs__tab {
			flex: 1 1 0;
			justify-content: center;
		}

	.gform-admin .gform-tabs__tablist {
		border-block-end: 1px solid #e4e9eb;
		display: flex;
		flex-wrap: wrap;
		gap: 1.5rem;
	}

	.gform-admin .gform-tabs__tab {
		block-size: auto;
		border: none;
		border-block-end: 2px solid transparent;
		border-radius: 0;
		color: #5b5e80;
		gap: 0.5rem;
		margin-block-end: -1px;
		padding-block: 1px 1rem;
		padding-inline: 0.25rem;
		transition: all 0.15s ease;
	}

	.gform-admin .gform-tabs__tab:focus {
			background: transparent;
			border-block-end: 2px solid #9092b0;
			color: #5b5e80;
			outline: none;
		}

	.gform-admin .gform-tabs__tab:hover {
			background: transparent;
			border-block-end: 2px solid #242748;
			color: #242748;
		}

	.gform-admin .gform-tabs__tab .gform-button__icon.gform-icon {
			margin: 0;
		}

	.gform-admin .gform-tabs__tab .gform-status-indicator {
			margin-block: -1px;
		}

	.gform-admin .gform-tabs__tab--active, .gform-admin .gform-tabs__tab--active:hover, .gform-admin .gform-tabs__tab--active:focus {
			background: transparent;
			border-block-end: 2px solid #242748;
			color: #242748;
		}

/*# sourceMappingURL=tabs.css.map */