# elasticpress/4.2.1/assets/css/instant-results/page.css

ElasticPress, version 4.2.1. 40 lines.

- Page: https://pluginprobe.com/plugins/elasticpress/4.2.1/code/assets/css/instant-results/page.css
- Raw: https://pluginprobe.com/plugins/elasticpress/4.2.1/raw/assets/css/instant-results/page.css
- Modified: 2022-03-08T21:28:26+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.1/code/assets/css/instant-results/page.css#L10-L20`.

```css
.ep-search-page {
	display: flex;
	flex-direction: column;
	flex-grow: 2;
	margin: 0;
	overflow-y: auto;
	transition: opacity 300ms ease-out;
	width: 100%;

	@media ( min-width: 768px ) {
		overflow: hidden;
	}

	& *,
	& *::before,
	& *::after {
		box-sizing: border-box;
	}

	&.is-loading {
		opacity: 0.5;
	}
}

.ep-search-page__header,
.ep-search-page__tools,
.ep-search-page__body {
	padding: 0 1em;
}

.ep-search-page__body {

	@media ( min-width: 768px ) {
		align-items: flex-start;
		display: flex;
		flex-grow: 2;
		overflow: hidden;
	}
}

```