# elasticpress/4.2.2/assets/css/sync/panel.css

ElasticPress, version 4.2.2. 35 lines.

- Page: https://pluginprobe.com/plugins/elasticpress/4.2.2/code/assets/css/sync/panel.css
- Raw: https://pluginprobe.com/plugins/elasticpress/4.2.2/raw/assets/css/sync/panel.css
- Modified: 2022-05-26T12:34:34+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/elasticpress/4.2.2/code/assets/css/sync/panel.css#L10-L20`.

```css
.ep-sync-panel {
	margin-bottom: 2rem;
	max-width: 1200px;
}

.ep-sync-panel__body {
	display: grid;
	grid-column-gap: 2rem;
	grid-row-gap: 1rem;
	grid-template-columns: auto 16rem;

	&.is-opened {
		padding: 2rem 2rem 1rem 2rem;
	}

	& p,
	& .components-toggle-control,
	& .components-tab-panel__tab-content {
		margin-bottom: 1rem;
		margin-top: 0;
	}

	@media (max-width: 960px) {
		grid-template-columns: 100%;
	}
}

.ep-sync-panel__row {
	grid-column: 1 / -1;
}

.ep-sync-panel__introduction {
	font-size: 18px;
}

```